如何將JavaScript變量用作XHTML屬性值？

Question

我努力了：

<!--...-->
<script type="text/javascript">
  var myVar = "some string";
</script>
<!--...-->
<input name="&{myVar};" ... />
<!--...-->

但是使用FireFox，名稱設置為文字字符串：“＆{myVar};” 而不是myVar的值...

UDPATE：我認為這稱為JavaScript實體並且很長時間沒有得到支持 - 但是如果可以直接在事件中包含JavaScript（我意識到屬性不是事件，因此JavaScript可能未被評估），必須有辦法。 ？！ 它比硬編碼的價格好得多，因為它使用了很多其他的...

Answer 1

var myInput = document.createElement('input');
myInput.setAttribute('name', myVar);

someContainElement.appendChild(myInput);

Answer 2

我擔心你必須使用Javascript來操縱html元素。 您可以使用jQuery來簡化這一過程：

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<input id="myInput" .../>
<script>
    var myVar = "value";
    $("#myInput").attr("name", myVar);
</script>

Answer 3

菲爾和Xenoflex的方式都是更好的方式。 他們實際上是以不同的方式做同樣的事情，一個使用jQuery和另一個純Javascript。

亞歷克斯也會工作，但后來所有東西都是硬編碼的，而且對未來的變化不太靈活。 Alex打開答案的方式可以打印字符串或將其分配給要附加到javascript對象的變量。

我認為最接近你要找的是：

<script type="text/javascript">
  var myVar = "some string";
</script>
...
<script type="text/javascript">
  document.write('<input name="' + myVar + '" ... />')
</script>

但正如我所說，你應該采取前兩種方法之一。

Answer 4

這是你需要做的。

首先，再也不要從Java站點讀取javascript教程。 完全不同的怪物，加上你引用的網站上的教程是可怕的。

第二，獲取Javascript the Good Parts的副本， http：//www.amazon.com/dp/0596517742/這本書可能是有史以來關於語言本身的最有用的書（在我看來）。 它沒有說任何關於處理DOM API的事情。

我鼓勵你在深入jQuery之類的javascript庫之前先學習語言。 它會盡快給你帶來好處而不是以后。

一旦你至少熟悉使用javascript作為語言的正確方法，就開始把時間投入到一個或另一個庫中。 jQuery可能是最常用，最受歡迎，最善良的庫。 它將使您更容易處理跨瀏覽器廢話。