html 태그 속성에 액세스

입력에서 속성 만 제거하는 아주 기본적인 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>

출처

2013-09-26 brunobliss

'# textBox'이 자리 표시 자 속성이 없습니다! –

을 "텍스트 상자의"input을 래핑 div 요소의 ID입니다. 대신 입력을 받아야합니다. 뿐만 아니라 입력의 ID를 설정하십시오 :

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

을 다음 입력의 ID를 사용하도록은 buttonClicked 기능을 업데이트 :

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

출처

2013-09-26 12:27:38

게시 직후에 이것을 밝혀내는 것은 정말 근본적으로 묻는 것에 대해 죄송합니다. – brunobliss

html 태그 속성에 액세스

답변

관련 문제