创建、获取元素

原创 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>
版权声明:本文为博主原创文章,未经博主允许不得转载。

jsDOM元素的创建-操作(creatEle)

//-----------------------------dom元素的创建-------------------------- //第一种创建方式:document.wri...
  • gyq04551
  • gyq04551
  • 2016年11月16日 01:37
  • 331

获取动态生成的js元素

$(静态父类选择器).on("","动态生成的元素",function(){ })
  • u011482763
  • u011482763
  • 2016年11月03日 10:28
  • 1515

动态创建dom元素、获取dom元素的属性及遍历dom元素的方法

用于处理XML文档的DOM元素属性   childNodes  返回当前元素的所有子元素的数组      firstChild    返回当前元素的第一个下级子元素   lastChild...
  • love__coder
  • love__coder
  • 2011年08月22日 08:43
  • 4798

jquery 获取其动态生成的元素的ID

$(document).ready(function(e) { $("#sql_button").on('click',function() { //生成一个按钮 ...
  • lihongtao8209
  • lihongtao8209
  • 2016年05月18日 16:00
  • 234

jQuery获取动态创建元素的内容

比如以下代码: $(function() { $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data...
  • wk199351
  • wk199351
  • 2017年04月18日 15:44
  • 1147

jquery循环创建元素

  如果用传统的for(var i=0;i  eg.  for(var i=0;i   var acheck = $("input type=checkbox");  }  解决办法!  解铃还须系铃...
  • nebula1982
  • nebula1982
  • 2010年06月03日 10:45
  • 2159

在jQuery中动态创建id,如何使用该Id来访问这个元素

1、如我们在我一个for循环中动态的创建了一个元素,元素里面的li动态的给了一个id如下 for(var i = 0 ; i $(".someOne").append(""); } ...
  • superman__007
  • superman__007
  • 2016年08月24日 20:47
  • 3538

html——原生js与jquery创建元素节点区别

学习完静态样式之后开始学习动态创建添加html元素,总结了下原生js与jquery生成元素区别。 1.javascript创建元素 创建select var select = docume...
  • xcymorningsun
  • xcymorningsun
  • 2016年12月21日 10:17
  • 1373

iframe内联框架

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 注:是HTML5 中的新属性。 属性 值 描述 标签的 align 属性" ...
  • basycia
  • basycia
  • 2016年01月08日 15:56
  • 972

一个封装的创建DOM元素的JS方法

 忘记是从什么地方看来的了,快忘记了,写下拉记录下,也顺便再回忆一次。function CreateElement(name,attrs,style,text)                ...{...
  • bamboo_ding
  • bamboo_ding
  • 2008年05月02日 14:03
  • 1012
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:创建、获取元素
举报原因:
原因补充:

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