创建、获取元素

原创 2017年01月03日 15:47:46
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
var oTxt1=document.getElementById('txt1');
var oBtn1=document.getElementById('btn1');
var oUl1=document.getElementById('ul1');
var aLi=oUl1.getElementsByTagName('li');
oBtn1.onclick=function(){
var oLi=document.createElement('li') ;  //  创建元素
oLi.innerHTML=oTxt1.value ;
if(aLi.length>0){
oUl1.insertBefore(oLi,aLi[0]);  //  aLi[n],n愿意是几都可以,一般为0
}else{
oUl1.appendChild(oLi);   //兼容IE6-8
}
}
}
</script>
</head>
<body>
<input type="text" name="txt1" id="txt1" value="" />
<input type="button" name="btn1" id="btn1" value="创建" />
<ul id="ul1">

</ul>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Dom7(动态创建标签,获取页面元素)

动态创建标签关键字:wirite 语法:document.write(‘内容’); 注意:该方法可以动态创建标签,里面的内容可以直接写标签语句.可以用作镶嵌广告,如果在页面加载后执行,那么页面的其...
  • xbc1213
  • xbc1213
  • 2016年01月25日 10:18
  • 420

动态创建表格,更新、提交、循环获取表格中各种元素的数据 并转换为JSON,数组的数据格式。

动态创建表格,更新、提交、循环获取表格中各种元素的数据 并转换为JSON,数组的数据格式。...

动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失

动态事创建的a标签上利用jq滑过元素执行事件通过ajax获取后台数据根据鼠标位置展示数据内容,鼠标离开消失...

jQuer总结--动态创建img--获取元素

jQuery的一些点滴总结

map常用成员(关联容器)----创建map<主键,主键对应的值>,增insert,删erase,改查找find,然后修改second,遍历iterator,获取元素个数size,判空empty

map是STL的一个关联容器,它提供一对一(第一个字段为关键字,每个关键字只能在map中出现一次,第二个字段称为该关键字的值)的数据处理能力,由于这个特性 map内部的实现自建一颗红黑树(一种非严格...
  • ttguess
  • ttguess
  • 2012年08月13日 16:25
  • 6800

js和jquery获取元素的方法

js和jquery获取元素节点的方法: 一、js通过document节点获取: document.getElementById("elementId"); document.getElements...

创建表单元素工具

  • 2015年06月04日 10:41
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:创建、获取元素
举报原因:
原因补充:

(最多只允许输入30个字)