JavaScript DOM对象

<h1>HTML DOM</h1>
当页面被加载时,浏览器会创建文档对象模型(Document Obiect Model)

HTMLDOM
Js与DOM

<h2>JsDOM操作HTML</h2>

dom操作HTML
点击按钮后文本被覆盖
image.png
image.png

如果有很多内容还是会被覆盖掉!

inner

<h3>通过标签名寻找HTML元素</h3>

通过标签名寻找元素

<h3>改变HTML的属性</h3>
使用属性attribute
中文翻译:属性

image.png
image.png

<h3>通过DOM对象改变CSS</h3>
语法:

document.getElementById(id).style.property=new style
css

<h3>DOM EventListener</h3>
DOM EventListener给元素添加一个事件句柄
中文翻译:事件侦听器

addEventListener()
添加一个事件句柄
removerEventListener()
删除一个事件句柄
one
多句柄不会被覆盖掉
remover
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • DOM 简介 DOM 操作HTML DOM 操作CSS DOMEventListener(句柄) DOM简介 DO...
    雪_晟阅读 193评论 0 1
  • 夏尔,狗儿,阿豆经过一天一夜的大巴的煎熬,终于来到了惠州,本以为可以很顺利的成为一名光荣的劳动工人并且在两个月后...
    鱼择阅读 159评论 0 1
  • Moon。 「Ace你沒事吧!!」 「沒事。」 金容仙走出餐廳,被文星伊一一放倒的護衛剛好醒來,幾個西裝筆挺的人立...
    藍韌阅读 587评论 0 0
  • 舞台上谁都有创作表现自我艺术化强烈的一面,都希望被大家认可,只可惜有这天赋的很多人被岁月青葱埋没了。若是家里有点背...
    雅玩阅读 253评论 0 0