使用 JavaScript 更改 HTML 名称属性

Question

在按下一个div （我用其他代码将其制成button ）时，我想要以下代码：

<div id="w1" name="w1-0" onclick="weekclick(id)">1<br /></div>

...将名称从name="w1-0"更改为name="w1-1"

我正在使用以下 JavaScript：

function weekclick(id)
{    
 document.getElementById(id).input.name = "w1-1";
}

当我alert id 的name属性时，它说它是未定义的。 做什么？

Answer 1

见下面的代码：

<div id="w1" name='w1-0' onclick="weekclick(id)">1<br /></div>
<div onclick="weekclick('w1');">click me</div>​

<script type="text/javascript">
function weekclick(id) {    
    document.getElementById(id).setAttribute("name","w1-1");
}​
</script>

链接到小提琴 - http://jsfiddle.net/TH9C2/

（从小提琴中删除警报线 - 它只是为了向您展示它的工作原理）

Answer 2

首先将您在 html 中的调用更改为此用户this.id而不仅仅是 id：

<div id="w1" name='w1-0' onclick="weekclick(this.id)">1<br /></div>

比让你的 js 像这样（删除 .input 并使用 setAttribute）：

function weekclick(id) {    
    document.getElementById(id).setAttribute('name', 'w1-1');
}

编辑或您将 html 中的呼叫更改为：

weekclick(this)

你的js函数必须是这样的：

function weekclick(domElement) {    
    domElement.setAttribute('name', 'w1-1');
}