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

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>

 

posted @ 2017-04-25 17:02  for米洛  阅读(1038)  评论(0)  编辑  收藏  举报