JS 基础整理（获取元素造元素拼字符串）

最新推荐文章于 2022-06-14 17:26:52 发布

weixin_30483013

最新推荐文章于 2022-06-14 17:26:52 发布

阅读量178

点赞数

原文链接：http://www.cnblogs.com/klose11/p/6763084.html

版权

1.获取元素方法

getElementById（）相当于ID选择器，通过找ID 的方法找它注意是Element 没有s ，因为ID是唯一的

getElementsByClassName() 相当于Class选择器，通过class找他，注意是Elements 有s。

getElementsByName() 通过name找他。

getElementsByTagName() 相当于标签选择器，通过标签找他。

*在学习正则表达式的时候遇到过

var str = document.getElementsByName('yanz')[0].value;

Elements 取出的是个数组，后面的[0]取得是数组中参数为0的数（也就是第一个数）的value

也可以用getElementById的方式取出来

var str = document.getElementById('yanz').value;

2.拼字符串&造元素

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <select id="slt" multiple="multiple" size="7" style="width: 150px;"></select>
        <input type="text" id="ipt" />
        <input id="btn" type="button" value="添加" />
    </body>
</html>
<script>
    document.getElementById('btn').onclick = function(){
        var ipt = document.getElementById('ipt');
//        拼字符串
//        document.getElementById('slt').innerHTML += 
//        "<option value='"+ ipt.value +"'>" + 
//            ipt.value + 
//        "</option>";
//        
//        ipt.value = '';
//        造元素
        var opt = document.createElement('option');
        opt.value = ipt.value;
        opt.innerText = ipt.value;
        
        var slt = document.getElementById('slt');
        slt.appendChild(opt);
        
        ipt.value = '';
    }
</script>

转载于:https://www.cnblogs.com/klose11/p/6763084.html

weixin_30483013

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 基础整理（获取元素造元素拼字符串）

1.获取元素方法getElementById（）相当于ID选择器，通过找ID 的方法找它注意是Element 没有s ，因为ID是唯一的getElementsByClassName() 相当于Class选择器，通过class找他，注意是Elements 有s。getElementsByName() 通过name找他。...
复制链接

扫一扫