css、js控制html标签的属性和内容
生活随笔
收集整理的這篇文章主要介紹了
css、js控制html标签的属性和内容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
css.html
<!DOCTYPE html> <html> <head><title>js控制html標簽的屬性和內容</title><style type="text/css">#box01{width: 100px;height: 100px;background:pink;}</style> </head> <body><div id="box01" title="我是title屬性" class="class01">我是一個div盒子</div></body> </html>js.html
<!DOCTYPE html> <html> <head><title>js控制html標簽的屬性和內容</title><style type="text/css">#box01{width: 100px;height: 100px;background:pink;}</style> </head> <body><div id="box01" title="我是title屬性" class="class01">我是一個div盒子</div></body> </html> <script type="text/javascript">//1.先獲得指定的id屬性var box01 = document.getElementById('box01');//2.改變div中的title屬性box01.title = '我是被js改變的title';//2.改變class的屬性box01.className = 'class02';//3.改變div顯示的內容box01.innerHTML = '我是被js修改的html屬性' </script>?
上述代碼各自粘貼進入txt文本后，然后重命名如上，雙擊打開即可見效。
其中script type的意思是下面的代碼是什么語法
?
總結
以上是生活随笔為你收集整理的css、js控制html标签的属性和内容的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： hexo右下角弄一个live2d的卡通动
- 下一篇： -webkit-border-radiu