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=" 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>

相关阅读:
Android 4.0新增Space及GridLayout初谈
phpweb文件上传下载
文件上传下载
php大文件上传
word图片上传到服务器
文件中心支持上传下载
文件管理系统开源
ueditor word图片上传
web超大文件上传
java大视频上传实现

原文地址：https://www.cnblogs.com/klose11/p/6763084.html

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

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