标签：属性 console log 元素 js Day13 document H5

# web 笔记 day13

## 1.弹框 会阻止后面的程序执行

- alert()

- prompt()输入弹窗

- confirm()询问框，点击确定返还true,否则返还false

## 2. 元素的属性及类名操作

- 操作类名:className(重点)

  - 可以获取类名

  - 可以设置类名（不要覆盖之前的类名）

- 操作id

- 操作元素的属性

  - 获取属性值：var 属性值 = getAttribute("属性名") `var res =  boxEle.getAttribute("class");`

  - 获取元素所有属性：attributes `var arr =  boxEle.attributes ;`

  - 设置属性：元素.setAttribute("属性名","属性值");`boxEle.setAttribute("mya","world");`

  - 删除属性：removeAttribute("属性名")

## 3.几个特殊的标签

- body标签

  ```js

  console.log(document.querySelector("body"))

  console.log(document.body)//简写

  ```

- html标签

  ```js

  console.log(document.querySelector("html"))

  console.log(document.documentElement)//简写

  ```

- head标签

  ```js

  console.log(document.querySelector("head"))

  console.log(document.head)//简写

  ```

- title标签

  ```js

  console.log(document.querySelector("title").innerHTML)

  console.log(document.title)//简写

  ```

## 4.DOM操作-创建元素

- 创建元素对象createElement`var boxEle = document.createElement("div")`

- 创建文本对象createTextNode`var text = document.createTextNode("1111")`

- 把元素对象添加到指定位置   父级元素.appendChild(“元素对象”);

- innerHTML 和 appendChild的区别:

  - innerHTML赋值操作 ，后面内容是字符串或者是数字；

  - appendChild是函数执行的写法 ，appendChild添加的内容是对象类型

标签：属性,console,log,元素,js,Day13,document,H5
来源： https://blog.csdn.net/weixin_55592592/article/details/121542928

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。