先来看看演示效果： 欢迎访问脚本之家PHP教程 脚本之家PHP教程简单易懂的JavaScript魔法简单易懂的JQuery魔法$(function(){$("#btn_1").click(function(){alert( $(".nm_p").html() );});$("#btn_2").click(function(){alert( $(".nm_p").text() );});$("#btn_3").click(function(){$(".nm_p").html("欢迎您访问脚本之家～～");});$("#btn_4").click(function(){$(".nm_p").text("欢迎您访问脚本之家教程～～");}); });html()方法 ...
在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元素是通过服务端语言根据不同情况控制显示不同内容的，然而在同一个页面某些情况在DOM准备好后需要用到Ajax跟服务端通讯，而有些情况不需要，那么我只想在页面存在我指定的HTML标记的时候我才触发Ajax部分，毕竟这样可以减轻服务器的负担，废话一大堆，转入正题： 其实解决JQuery判断元素是否存在的问题，方法很简单： if($("#abc").length >0) { ... } if($("#abc").html() != "") { ... ...
HTML元素，属性已经十分丰富了。但是，在某些场合下，也会显得捉襟见肘，这时候自定义属性就发挥了十分关键的作用。 Html元素的自定义属性，使用起来，十分方便，例如： <input type=”button” value=”Click Me, Baby!” /> 假设我们现在需要限制，这个按钮，只能点击2次，然后就失效了。 通常的实现方式，是可以利用全局变量的形式来记录点击次数，但我们这里用自定义属性来实现这个功能，展示一下自定义属性的优势；我们对上面...
Jquery给基本控件的取值、赋值 TEXTBOX: var str = $(#txt).val(); $(#txt).val("Set Lbl Value"); //文本框，文本区域： $("#text_id").attr("value",);//清空内容 $("#text_id").attr("value",test);// 填充内容 TEXTBOX: 代码如下:var str = $(#txt).val();$(#txt).val("Set Lbl Value"); //文本框，文本区域：$("#text_id").attr("value",);//清空内容$("#text_id").attr("value",test);// 填充内容 LABLE: 代码如下:var st...
改变 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参数可以指定...
1。编写js函数 <script type="text/javascript"> function display(y){$(y).style.display=($(y).style.display=="none")?"":"none";} function $(s){return document.getElementById(s);} </script> 2. 要显示/隐藏的html元素加上 id 属性 <table> <tr id="menu" > <td>控制这个tr的显示/隐藏</td> </tr> </table> 3，添加按钮，链接等触发 js 函数 <input type="button" onclick="display('menu')" value="显示/隐藏"/> <a href=...
我们可能往往会去排查问题的缘由，其实，在排查掉冗余的循环和精简了控件数量后，我们发现性能还是不乐观，于是继续排查，一个偶然的修改，却大大改善了效率，就是类似如下的修改： 修改前： 代码如下:objDiv.innerHTML += ‘<img id=”picture” src=”back.gif”>; 修改后： 代码如下:var imga = document.createElement("img"); imga.setAttribute("src","back.gif"); imga.setAttribute("id","picture"); objDiv.appendChil...
js学习之动态创建html元素 body{margin:0;padding:0;} .sky{background:#000;width:1000;height:500px; position:relative;} #s{ background:#FFF; width:1px; height:1px; overflow:hidden; position:absolute;} 没事造星星玩 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
DOCUMENT中的任一个标签： 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素，顾名思义，就是通过ID来取得元素，所以只能访问设置了ID的元素。 比如说有一个DIV的ID为docid： <div id="docid"></div> 那么就可以用getElementById("docid")来获得这个元素。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>ById</title> <style type="text/css"> <!-- #docid{...