JS Dom元素属性、样式的获取 子父元素的操作

一、属性、样式的获取和设置

1. 属性

1. 获取属性的方式：
1）ps.属性名
2）ps.getAttribute(属性名)
2. 设置属性的方式：
1）ps.属性名＝属性值
例子：ps.className=“one two”; // 赋多个值，用空格隔开
2）ps.setAttribute(属性名，属性值)
例子：ps.setAttribute(“class”,“one two”); // 赋多个值，用空格隔开
3. 自定义属性的设置、获取
1）设置
方法一、 直接在元素内用" data-src "设置属性
< li class=“lilist” data-as=“as”>元素1< /li>
方法二、在JS中设置属性
btn.setAttribute(“data-src”, “./img/1.jpg”);
2）获取
btn.getAttribute(“data-src”);

2. 样式

一. 行内样式的获取、设置

1. 获取
   方法一、ps.style.样式名
   方法二、window.getComputedStyle(btn).width；
<