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

JS函数修改html的元素内容,及修改属性内容的方法

程序员文章站 2022-03-17 22:29:06
...
修改元素内容:
<body>
<p id="pid">Hello</p>
<button onclick="demo()">按钮</button>
<script>
function demo(){
var nv = document.getElementById("pid");
nv.innerHTML="World";
}
</script>
</body>

修改元素标签属性:

<body>
<a href="http://www.baidu.com/" id="aid" >呵呵</a>
<button onclick="demo()">按钮</button>
<script>
function demo(){
document.getElementById("aid").href="http://www.jikexueyuan.com";
}
</script>
</body>
相关标签: JS