Javascript 生成 HTML元素的方法在本文中介绍2种,第一种是比较正规的创建元素方法,第二种是利用javascript中的write()方法直接写出html元素。 方法一:代码如下: //createElement()创建input元素到obj对象中 var obj = document.createElement(input); //选择要生成地点的前一个元素 var before = document.getElementById(before); //设置obj元素名,值 obj.name=name; obj.value=value; //setAttribu...
在javascript中为了针对不同的元素执行不同的操作,需要在javascript中对触发事件的元素进行判断,然后执行不同的操作。 例子: html 代码如下: <input type=button name=updatemetal value=修改 onclick=getmetalid(this)> <input type=button name=deletemetal value=删除 onclick=getmetalid(this)> javascript 代码如下: function getmetalid(input) { metalid = input.parentNode.parentNode.firstChild.innerHTML; if(...
获取文本信息的方法有很多,本例使用的使用的是jquery的text方法,这个方法想必大家都有使用过吧,简单实用。获取之后并使用alert将文本弹出,下面是实现代码p { margin:8px; font-size:20px; color:blue; cursor:pointer; } b { text-decoration:underline; } button { cursor:pointer; } Show My Text $("#TEXT").load("qqq.txt", function(response, status, xhr) { var text=$(this).text(); alert( text); });
做前端,需要选择元素,虽说有jquery和各大js库已经帮我造好了轮子,但我想试试自己实现一个,正好项目也不忙,正好加入自己的js文件中,下面是实现代码。用$g(“#content .op”)这种格式就可以调用,和jquery $()的参数一样:function $findChilds(parentNode, text) { //如果不传入父节点的话,默认为body if(parentNode == undefined) parentNode = document.body; var childNodes = parentNode.childNodes; var results =...
本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下:代码如下:脚本之家#content{width:200px;height:20px;color:red; }window.onload=function(){var obt=document.getElementById("bt");var odiv=document.getElementById("content");obt.onclick=function(){odiv.parentNode.removeChild(odiv);} }脚本之家在原生的javascript中,暂时没有没有一个方法能够删除元素本身...
有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单代码如下: document.write("<form ..." //document.write("");用如下js提交不起作用,因为打到页面上的form不是一个对象,而是一个字符串// theForm.action = "http://msg.baihe.com/tortoise/pages/tortoise/sm_gb2312.jspReturnURL="+strReturnURL; // document.getElementById("Pathid").value="3070"; // document.getElementById("Title").value="你好!...
如果我要创建一个div元素。 1.使用DOM对象创建: 使用document.createElement(div)方法创建元素。2.使用JQuery创建: 使用$(通过JQuery创建的新元素')的方法直接创建元素。 如果需要将id是‘div2js的div元素删除。 1.使用DOM对象 首先需要找到被删元素的父元素,通过父元素将其需要删除的子元素删除。var el = document.getElementById('div2js');el.parentNode.removeChild(el);2.使用JQuery 直接找到并删除。 $(#div2js).remove(...
JavaScript HTML DOM 元素(节点) 创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。实例This is a paragraph. This is another paragraph.var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);var element=document.getElementById("div1"); element.appendChild(para);例子解析: 这段代码创...
本文实例讲述了JS正则获取HTML元素的方法。分享给大家供大家参考,具体如下: var html = $("#summaryTemplate").html(); var imageMath = /<img [^<,>]*(?=target-type=("|)replace("|))[^/,<,>]*\/>/; var scriptMath = /<script [^<,>]*(?=target-type=("|)replace("|))[^/,<,>]*><\/script>/; var linkMath = /<link [^<,>]*(?=target-type=("|)replace("|))[^/,<,>]*\/>/; alert(html.match(imageMath)); var ht="<img src=/1...
本文实例讲述了JavaScript DOM节点操作方法。分享给大家供大家参考,具体如下: 使用DOM可以新建HTML元素,也可以删除已有的HTML元素。 (一)新建元素: <script>//创建新的 <p> 元素var newEle=document.createElement("p");//创建文本节点var node=document.createTextNode("这是使用Javascript创建的新段落。");//将文本节点添加到新创建的 <p> 元素中newEle.appendChild(node);var div1_ele=document.getElementById("div1");...
常见的获取元素的方法有3种,分别是通过元素ID、通过标签名字和通过类名字来获取。 getElementById DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是document对象特有的函数,只能通过其来调用该方法。其使用的方法如下: document.getElementById(demo) //demo是元素对应的ID该方法兼容主流浏览器,甚至包括IE6+,可以大胆使用。 getElementsByTagName 该...
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一: document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。方法二: document.getElementById("EleId").style.display="none"; document.g...
parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持 示例: "parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 ,如下:<div id="parent"> <b id="child">My text</b> </div>在上面的代码中, 你看到把"爹"作为一个 div 容器, 该容器中有个"孩子", 就是粗体的...
本文实例讲述了javascript与jquery动态创建html元素的方法。分享给大家供大家参考,具体如下: 1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option("加载项1", "value1"); select.options[1] = new Option("加载项2", "value2"); select.size = "2"; testDiv.appendChild(select);创建div var openDiv = document.createElement("div"); openDiv.id = "div3D"; openD...
用js动态添加html元素,以及属性的简单实例 function test(){//创建节点var lswt_2=document.createElement("div");//设置节点idlswt_2.id=lswtColse;//设置节点属性lswt_2.style.width=11px; lswt_2.style.height=10px; lswt_2.style.top=0px; lswt_2.style.right=0px; lswt_2.style.position=absolute; lswt_2.style.background=url(7.gif); lswt_2.style.backgroundRepeat=no-repeat;//为这个节点添加点击时间lswt_4.addEventLis...