2019年10月15日 星期二

JavaScript HTML DOM - Changing HTML

Changing the HTML Output Stream


< !DOCTYPE html>
< html>
< body>

< script>
document.write(Date());
< /script>

< /body>
< /html>
< /code>




Changing HTML Content


< html>
< body>

< p id="p1">Hello World!< /p>

< script>
document.getElementById("p1").innerHTML = "New text!";
< /script>

< /body>
< /html>




Changing the Value of an Attribute


< !DOCTYPE html>
< html>
< body>

< h1 id="id01">Old Heading< /h1>

< script>
var element = document.getElementById("id01");
element.innerHTML = "New Heading";
< /script>

< /body>
< /html>

沒有留言:

張貼留言