2013-09-26 203 views
1

我想測試一個非常基本的JavaScript函數,它只會從輸入中刪除一個屬性。在這種情況下,我想刪除的佔位符屬性,這是行不通的:訪問HTML標籤屬性

<!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> 
+2

'#textBox'沒有一個佔位符屬性! –

回答

2

在所提供的代碼「的textBox」是指包裝的inputdiv元素的ID。您需要改爲輸入。嘗試將輸入的ID以及:

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

然後更新您的buttonClicked功能使用輸入的ID:

function buttonClicked() { 
    document.getElementById("input").removeAttribute('placeholder'); 
} 
+0

張貼後立即注意到這一點,哈哈真的很抱歉要求這樣的基本東西 – brunobliss