JavaScript改變元素屬性的方法:1、使用「元素物件.attribute = new value」語句;2、使用「元素物件.setAttribute('屬性','屬性值')」語句。
本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript改變元素屬性
#1、使用「元素物件.attribute = new value
」語句
範例:修改了 元素的 src 屬性的值:
<img id="myImage" src="smiley.gif"> <script> document.getElementById("myImage").src = "landscape.jpg"; </script>
#方法2:使用setAttribute()函數
#setAttribute() 方法加入指定的屬性,並為其賦得指定的值。如果這個指定的屬性已存在,則僅設定/變更值。
語法:元素物件.setAttribute('屬性','屬性值');
<div>hello</div> <div id="box">欢迎来到PHP中文网!</div> <script type="text/javascript"> var box=document.getElementById("box"); box.setAttribute('style','color:red;border:1px solid #008000'); // 给box元素设置的是行内样式 </script>
【推薦學習:javascript高階教學】
以上是JavaScript怎麼改變元素屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!