首页前端开发HTMLJavaScirpt基础 之 JavaScript HTML DOM - 改变 HTML

JavaScirpt基础 之 JavaScript HTML DOM - 改变 HTML

时间2023-07-09 09:51:02发布访客分类HTML浏览368
导读:JavaScirpt基础 之 JavaScript HTML DOM - 改变 HTMLJavaScript HTML DOM - 改变 HTMLHTML DOM 允许 JavaScript 改变 HTML 元素的内容。改变 HTML...

JavaScirpt基础 之 JavaScript HTML DOM - 改变 HTML

JavaScript HTML DOM - 改变 HTML

HTML DOM 允许 JavaScript 改变 HTML 元素的内容。

改变 HTML 属性

如需改变 HTML 元素的属性,请使用这个语法:

document.getElementById(id).attribute=新属性值

本例改变了 元素的 src 属性:

举例

!DOCTYPE html>
    
html>
    
body>
    

img id="image" src="smile.gif">
    

script>
    
document.getElementById("image").src="leishen.jpg";
    
/script>
    

/body>
    
/html>
    

举例讲解:

上面的 HTML 文档含有 id="image" 的 元素

我们使用 HTML DOM 来获得 id="image" 的元素

JavaScript 更改此元素的属性(把 "smile.gif" 改为 "leishen.jpg")

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

JavaScript前端开发

若转载请注明出处: JavaScirpt基础 之 JavaScript HTML DOM - 改变 HTML
本文地址: https://pptw.com/jishu/298114.html
web应用 —— HTML(下) JavaScirpt基础 之 JavaScript HTML DOM - 改变 HTML

游客 回复需填写必要信息