将javascript变量添加到html div标签

时间:2013-07-22 17:06:09

标签: php javascript

我想知道是否可以像php一样将havascript变量添加到html div标签中例如:

    $id = 1;
    <div id="test'.$id.'"></div>

<script>
var id = '1';
</script>
<div id="test..???.??"></div>

4 个答案:

答案 0 :(得分:7)

不那么简单,没有。你可以做类似的事情:

<script>
  var id = '1';
</script>

然后再说:

<script>
  document.writeln('<div id="' + id + '">');
</script>

...

</div>

答案 1 :(得分:0)

你可以试试这个

<div id="id_change"></div>    
<script>
var id = 1;
var set_id = document.getElementById("id_change").id + id;
document.getElementById("id_change").id = set_id;
</script>

希望这能回答你的问题

修改

<script>代码放在div之后,否则找不到div

答案 2 :(得分:0)

您可以使用Jquery的.attr()方法吗? 看看这里:http://api.jquery.com/attr/

http://jsfiddle.net/PxUqU/2/

var currrentID = $("div").attr("id");
var someInt = 1;
$("div").attr("id", currrentID+someInt);

答案 3 :(得分:0)

var divs = document.getElementsByTagName("div"),
    newId = 1;

divs[0].setAttribute("id", newId);