JavaScript中取得元素的方法有三种:分别是: 1、getElementById() 方法:通过id取得HTML元素。 2、getElementsByName()方法:通过name取得元素,是一个数组。 3、getElementsByTagName()方法:通过HTML标签取得元素,是一个数组。 如果要取得值可以使用value,如:var x=document.getElementById("id").value; 方法一:getElementById() 方法 可返回对拥有指定 ID 的第一个对象的引用。 语法:document.getElementById(id) 在 DOM...
对于js来说,我想每一个刚接触它的人都应该会抱怨:为什么没有一个通过class来获取元素的方法。尽管现在高版本的浏览器已经支持getElementsByClassName()函数,但是对于低版本浏览器来说,还是无法兼容,在脱离其他库的时候,还是得自己封装一个方法。 方法一 function getByClass1(parent, cls){var res = []; //存放匹配结果的数组var ele = parent.getElementsByTagName(*);for(var i = 0; i < ele.length; i++){if(ele[i].cla...
第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度,而通过#div1.offsetWidth才可以获取到宽度。 第二种情况就是宽和高是写在行内中,比如style="width:120px;",这中情况通过上述2个方法都能拿到宽度。 小结,因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内,所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过i...
JavaScript HTML DOM 元素(节点) 创建新的 HTML 元素 如需向 HTML DOM 添加新元素,您必须首先创建该元素(元素节点),然后向一个已存在的元素追加该元素。 实例<div id="div1"> <p id="p1">This is a paragraph.</p> <p id="p2">This is another paragraph.</p> </div><script> var para=document.createElement("p"); var node=document.createTextNode("This is new."); para.appendChild(node);var element=document.getElem...
如果我要创建一个div元素。 1.使用DOM对象创建: 使用document.createElement(div)方法创建元素。 2.使用JQuery创建: 使用$(<div>通过JQuery创建的新元素</div>)的方法直接创建元素。 如果需要将id是‘div2js的div元素删除。 1.使用DOM对象 首先需要找到被删元素的父元素,通过父元素将其需要删除的子元素删除。 var el = document.getElementById(div2js);el.parentNode.removeChild(el);2.使用JQuery 直接找到并删除。 $(#div2...
有时,你需要Post数据到另一个页面上,那么你就需要构建一个Form表单 <form id="postform" name="postform" method="post"> <input name="msg" value=""/> </form> 代码如下: document.write("<form ..." //document.write("<iframe src=\"about:blank\" name=\"hiddenFrame\" id=\"hiddenFrame\" width=\"0\" height=\"0\" frameborder=\"0\"></iframe>");用如下js提交不起作用,因为打到页面上的form不是一个对象,而是一个字符串...
本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下:代码如下:<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style> #content{ width:200px; height:20px; color:red; } </style> <script> window.onload=function(){ var obt=document.getElementById("bt"); var od...
在javascript中为了针对不同的元素执行不同的操作,需要在javascript中对触发事件的元素进行判断,然后执行不同的操作。 例子: html 代码如下:<input type=button name=updatemetal value=修改 onclick=getmetalid(this)> <input type=button name=deletemetal value=删除 onclick=getmetalid(this)> javascript 代码如下:<script type="text/javascript"> function getmetalid(input) { metalid = input.parentNode.parentN...
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...
HTML元素,属性已经十分丰富了。但是,在某些场合下,也会显得捉襟见肘,这时候自定义属性就发挥了十分关键的作用。 Html元素的自定义属性,使用起来,十分方便,例如: <input type=”button” value=”Click Me, Baby!” /> 假设我们现在需要限制,这个按钮,只能点击2次,然后就失效了。 通常的实现方式,是可以利用全局变量的形式来记录点击次数,但我们这里用自定义属性来实现这个功能,展示一下自定义属性的优势;我们对上面...
改变 HTML 样式 如需改变 HTML 元素的样式,请使用这个语法: 代码如下:document.getElementById(id).style.property=new style <p id="p2">Hello World!</p> <script> document.getElementById("p2").style.color="blue"; </script> JS改变元素属性; 代码如下:<script> var div = document.getElementByIdx_x(d1); div.setAttribute("class", "abc"); </script>
代码如下:function checkuser(obj) { var obj = window.event.srcElement; var row = obj.parentElement.parentElement; var value = row.cells[0].all[0].value; var item = value.split("|"); alert(item); if (item.length > 1) { if (item[0] == "org") { alert(请选择执法人员!); return false; } } return true; }
主流浏览器默认为html元素提供的滚动条不美观,而且前端开发人员想对其通过css进行统一样式的美化也是不可实现的。比如ie可以通过样式来实现简单的美化、Webkit内核浏览器可以控制滚动条的显示效果,firefox则不允许用户为滚动条定义样式。但是对于追求友好的用户体验的前端开发人员,是不会被这些浏览器的不一致行为所阻止的。我们可以自己通过标准的html元素模拟来实现自定义的滚动条。 这里是自己在工作不太忙的时候写出来了一个...
代码如下:if (document.createEvent) { var clickEvent = document.createEvent("MouseEvents"); clickEvent.initEvent("click", false, true); this.fileEl.dom.dispatchEvent(clickEvent);//ff } else if (document.createEventObject) { this.fileEl.dom.fireEvent("onclick", document.createEventObject(e.browserEvent));//ie }
javascript code: 代码 代码如下:function expandOther(el, el2) { whichEl = document.getElementById(el) button = document.getElementById(el2) if (whichEl.style.display == none) { whichEl.style.display = ; button.value = "隱藏"; } else { whichEl.style.display = none; button.value = "顯示"; } expandOther(e1,el2), e1参数可以指定需要操作的事件对象,比如一个ID为inputshowData的Input按钮, el2参数可以指定...