# 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添加的内容是对象类型