JavaScript入门

最新推荐文章于 2025-02-09 23:16:16 发布

原创最新推荐文章于 2025-02-09 23:16:16 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

31 篇文章

订阅专栏

获得元素

document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()

修改HTML内容

document.getElementById(id).innerHTML = ‘helloWorld’

修改HTML属性

element.getAttribute()
element.setAttribute()
element.src
element.href

修改样式

document.getElementById(id).style.color = 'blue'

DOM事件不同的写法

<h1 onclick="alert('helloworld')">请点击该文本</h1>

Element.onclick = function(){displayDate()};

Element.addEventListener("click", function{});

DOM添加和删除节点

document.createElement("p")
document.createTextNode("新增")
parent.appendChild(child)
parent.removeChild(child)

var p = document.createElement("p"); // <p></p>  
var word = document.createTextNode("我是新增的p标签");  // 我是新增的p标签

p.appendChild(word);  //<p>我是新增的p标签</p>

var div1 = document.getElementById("div1");
div1.appendChild(p);  

var p1 = document.getElementById("p1");
div1.removeChild(p1);