WebApi入门第二章（获取操作页面元素），十年前端编程开发生涯

首先写出一组ul li 然后通过document.querySelector获取

输出结果

完整代码

• 海海1
• 海海2
• 海海3

• 2.操作元素属性

  =========

  

  

  2-1.元素属性操作

  ---

  • 1.语法：元素.属性名(其实就是对象的取值赋值语法)

  • 设置元素属性的值:元素.属性名 = 属性值

  • 2.特点：

  • 1.class在js中是一个关键字，如果要拿到类名需要使用className

  • 2.只能获取到行内样式的属性值，无法得到行外(内联/外联)样式的属性值

  • 3.一定是一个字符串，例如：div.style.height得到150px 得到的是一个带单位的字符串

  • 4.如果css样式的属性有以下

  • 例如background-color,margin-top,使用js获取和设置这些属性的时候需要使用驼峰命名(因为-符号不符合js的命名规范)

  • 例如:div.style.backgroundColor

  • 3.注意点：修改类名需要注意会覆盖掉原本的类样式，所以一般我们不会直接修改类名，而是在原先类名的基础上加 一个类，这里需要注意多个类名之间的空格

  • 例如：div.className += " two";//字符串拼接添加类型，注意多个类名之间的空格

  2-2.普通元素常用属性

  ---

  

  2-3.表单元素常用属性

  ---

  

  用户名：

  密码：

  男：

  女：

  篮球：

  足球：

  羽毛球：

  乒乓球：