Rumah > Artikel > hujung hadapan web > JS函数修改html的元素内容,及修改属性内容的方法

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

高洛峰asal: 2016-12-08 14:47:081632semak imbas

修改元素内容：

<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>

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：使用json来定义函数,在里面可以定义多个函数的实现方法Artikel seterusnya：不使用script导入js文件的几种方法

Artikel berkaitan

Lihat lagi