2021-03-01js学习-dom元素获取方式,对元素进行操作问题

问题:

1. Webapi 指的是什么?
2. 想要获取某的元素下的所有子元素怎么做?如ol元素中的li的子元素
3. Document.querySelector(‘选择器’),的认识?
4. 获取body,html元素的方法?
5. 事件的使用步骤?
6. InnerText,innerHTMl 使用上区别?与谁常用?
7. 修改元素属性值的方法?
8. 表单对象修改值能使用innerHTML修改吗?
9. Js修改css样式,会将样式变为行内样式吗?
10. 获取元素对象的方法(常用)?
11. 精灵图认识?

回答:

1. Webapi 指的是什么?
   a) DOM BOM 操作api
   b) 浏览器提供的api, 说白了就是工具接口.
   c) 再次验证了,学习不能总是专牛角尖,要大体知道功能,使用常用的就行了.至于研究那是当你想自己做这个接口时用到的,相对于来说,就是现在使用,知道输入输出,就行了.
2. 想要获取某的元素下的所有子元素怎么做?如ol元素中的li的子元素
   a) 先找到这个元素,使用id,或tagName+伪数组元素调用
   b) 再通过 element.getElementsbyTagName 来获取元素中的子元素对象数组.
3. Document.querySelector(‘选择器’),的认识?
   a) 选择器,就是css中的选择器.
   b) 但是它只返回第一个对象.不能实现多个对象.想要返回所有对象使用.querySelectorAll(‘选择器’)
4. 获取body,html元素的方法?
   a) 获取body对象的方法为document.body;
   b) 获取html对象的方法为document.documentElement;
5. 事件的使用步骤?
   a) 选定事件源
   b) 注册事件
   c) 添加事件处理程序
6. InnerText,innerHTMl 使用上区别?与谁常用?
   a) innerText 获取元素内所有内容,但要去掉html标签,同时空格与换行也会去掉,
   b) innerHTML 会保留数据原格式,html与空格,换行会保留
   c) 使用比较多的就是innerHTML.
7. 修改元素属性值的方法?
   a) 在元素对象中调用出要修改的属性直接赋值就可以了.
   b) 疑问.为什么直接修改就能直接修改页面元素内容?js变化会浏览器进行重绘的原因吧
8. 表单对象修改值能使用innerHTML修改吗?
   a) 不能,只能使用表单对象中value进行修改.
9. Js修改css样式,会将样式变为行内样式吗?
   a) 是的
10. 获取元素对象的方法(常用)?
    a) getElementByid
    b) getElementsByTagName()
    c) getElementsByClass
    d) NamequerySelector()
11. 精灵图认识?
    a) 精灵图原理：把很多的小图片合并到一张较大的图片里，所以在首次加载页面的时候，就不用加载过多的小图片，只需要加载出来将小图片合并起来的那一张大图片也就是精灵图，这样在一定程度上减少了页面的加载速度，进而缓解服务器的压力