js-API 获取元素的相关方式innerText和innerHTMl区别

最新推荐文章于 2021-12-16 21:43:29 发布

前端黑

最新推荐文章于 2021-12-16 21:43:29 发布

阅读量1.3k

点赞数

分类专栏： js-API

本文链接：https://blog.csdn.net/qq_38964133/article/details/88361088

版权

对象可以直接. 其属性拿到的数据是json队形那么就可以直接点属性调用

成对标签修改里面的内容使用 innertext 不是成对比如input 私用value

按钮的排他功能

获取所有按钮
注册每个按钮点击事件
循环让没被点击的按钮的值为没被点击
被点击的按钮显示的value值为被点击了 this.value

注意为事件注册点击事件，在浏览器加载完就已经注册完毕了，

点击按钮选中性别和兴趣 document.getElenmentById(‘btn’).οnclick=function() {

document.getElementById(‘rad’).checked = true;

输入款过的一些属性设置 true or false

selected也是 true或者false进行操作是否有选中

//注意这里使用true或者false

}

disabled 这个属性是禁用的

readonly这个文本框是只读

在js中操作dom是不用calss关键字应该使用className

网页的开关等效果就是找到body元素先判断它的类名在选择添加其样式

阻止超链接默认跳转事件直接a标签里加入 return false

获取时使用函数也可以就是结果是return false

getElementsByTagName(‘a’); getElements记得加上s

<ul id="imagegallery">
        <li>
            <a href="images/1.jpg" title="美女A">
                <img src="images/1-small.jpg" width="100" alt="美女1" />
            </a>
</li>

获取li里面的a 直接一步到位不需要太复杂的嵌套

var aObj = my$('imagegallery').getElementsByTagName('a');

列表的高亮显示

为li注册鼠标的进入和离开事件

二维码得显示隐藏

<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
    .nodeSmall {
        width: 50px;
        height: 50px;
        background: url(images/bgs.png) no-repeat -159px -51px;
        positio

最低0.47元/天解锁文章

前端黑

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js-API 获取元素的相关方式innerText和innerHTMl区别

对象可以直接. 其属性拿到的数据是json队形那么就可以直接点属性调用成对标签修改里面的内容使用 innertext 不是成对比如input 私用value按钮的排他功能获取所有按钮注册每个按钮点击事件循环让没被点击的按钮的值为没被点击被点击的按钮显示的value值为被点击了 this.value注意为事件注册点击事件，在浏览器加载完就已经注册完毕...
复制链接

扫一扫