innerHTML方法
需求:
需要把文本“小猪佩奇身上纹,掌声送给社会人”,由黑色变成红色,效果图如下:
变颜色后:
代码:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function() { var peiQiId = document.getElementById("peiqiId"); peiQiId.innerHTML = "<font color='#FF0000'>" + peiQiId.innerText + "</font>"; } </script> </head> <body> <div id="peiqiId">小猪佩奇身上纹,掌声送给社会人</div> </body> </html>
使用 innerHTML 还可以使 innerHTML = “” 可以清除里面的样式。