欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js坚持不懈之15:修改html内容和属性的方法

程序员文章站 2022-07-05 15:26:10
1. 修改 HTML 内容 2. 修改 HTML 属性 ......

1. 修改 html 内容

<!doctype html>
<html>
<body>

<p id = "change">原始内容</p>

<script>

document.getelementbyid("change").innerhtml = "修改过后的内容";

</script>

</body>
</html>

2. 修改 html 属性

<!doctype html>
<html>
<body>

<a id = "change1" href = "https://www.baidu.com">这是百度</a>
<br>
<a id = "change2" href = "https://www.baidu.com">这是淘宝</a>

<script>

document.getelementbyid("change2").href = "https://www.taobao.com";

</script>

</body>
</html>