访问html标记属性

时间:2013-09-26 12:23:45

标签: html dom tags

我正在尝试测试一个非常基本的javascript函数,它只会从输入中删除一个属性。在这种情况下,我希望删除占位符属性,这不起作用:

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function buttonClicked() {
    document.getElementById("textBox").removeAttribute('placeholder');
}
</script>
</head>
<body>
<div id="commentBox">
        <input type="textarea" rows="4" cols="50">
</div>
<div id="textBox">
        <input type="text" placeholder="Write">
</div>
<div id="shoutButton">
    <input type="button" value="Shout!" onclick="buttonClicked();">
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

在提供的代码中,“textBox”是包裹div的{​​{1}}元素的id。你需要获得输入。尝试设置输入的ID:

input

然后更新buttonClicked函数以使用输入的id:

<div id="textBox">
    <input id="input" type="text" placeholder="Write">
</div>