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>