前言：最近使用bootstrap组件的时候发现一个易用性问题，很多简单的组件初始化都需要在JS里面写很多的初始化代码，比如一个简单的select标签，因为仅仅只是需要从后台获取数据填充到option里面，可是从后台取数据就需要js的初始化，所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码，看着很闹心。于是想起bootstrap table里面的data属性来，如果能够直接在html里面使用data-*这种方式来初始化简单的组件，那该多爽。...
没有写标签的属性，javascript是无法获取到的，谨记，只有给标签写了属性才有，例如比如你要获取某个div的id，但是你没有明确加上是没有这个属性的 之前我就纳闷了，visibility为什么可以实现div的隐藏和显示而display不可以，我明明记得以前可以的，原来是我在style的属性里面给它写的是visibility，没有写display，而以前写的是display <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html><head><titl...
用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...
节点对象属性 childNodes—返回节点到子节点的节点列表 firstChild—返回节点的首个子节点。 lastChild—返回节点的最后一个子节点。 nextSibling—返回节点之后紧跟的同级节点。 nodeName—返回节点的名字，根据其类型。 nodeType—返回节点的类型。 nodeValue—设置或返回节点的值，根据其类型。 ownerDocument—返回节点的根元素（document对象）。 parentNode—返回节点的父节点。 previousSibling—返回节点之前紧跟的同级...
本文实例讲述了javascript通过获取html标签属性class实现多选项卡的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE html> <html><head><meta charset="utf-8" /><title>原生javascript通过获取html标签属性class实现多选项卡</title><style type="text/css">.tab {clear: both;margin: 20px auto;padding: 10px;width: 680px;overflow: hidden;}.tab .tab-menu {margin: 0;padding: 0;list-style: none;}.tab .tab-men...
本文实例讲述了javascript中innerText和innerHTML属性用法。分享给大家供大家参考。具体分析如下： 几乎所有DOM元素都有innerText,innertHTML属性(注意大小写),分别是元素标签内 的文本表示形式和HTML源代码，这两个属性是可读可写的 innerHTML也可以取代createElement,属于简单，粗放型，后果自负的创建 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"...
innerHTML属性用来读取或设置某个节点内的HTML代码。 outerHTML属性用来读取或设置HTML代码时，会把节点本身包括在内。 textContent属性用来读取或设置节点包含的文本内容。 innerText属性和outerText属性在读取元素节点的文本内容时，得到的值是不一样的。它们的不同之处在于设置一个节点的文本属性时，outerText属性会使得原来的元素节点被文本节点替换掉。注意，innerText是非标准属性，Firefox不支持。 1.innerText受CSS影响，...
本文实例讲述了JS操作HTML自定义属性的方法。分享给大家供大家参考。具体如下： HTML代码如下（其中的displayName为自定义属性）：代码如下:<input type="text" id="txtBox" displayName="123456" /> 获取自定义属性值:代码如下:document.getElementById("txtBox").getAttribute("displayName"); document.getElementById("txtInput").attributes["displayName"].nodeValue 设置自定义属性值:代码如下:document.all.txtBox.setAttr...
HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: <input id="t1" type="text" placeholder="请输入文字" /> 介绍一个超强...
关于location对象的简单理解： 1.location对象中涵盖了当前页面（本页面）或者更直接的说，是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性，可以通过window.location老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧： 在浏览器中URL通常由下面几个部分组成的： [协议][host][path][query] 协议：常见的协议有： http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp服务器中 host...
1: 遍历并输出Table中值 <table id="tb"> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> function f() { var t=document.getElementById("tb").childNodes.item(0); for(var i=0;i< t.childNodes.length;i++) { for(var j=0;j<t.childNodes(i).childNodes.length;j++) { alert(t.childNodes(i).childNodes(j).innerText); } } }2: 遍历Table，读取CheckBox状态和其他Column值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...
设置：style:"position:relative;top:2px 代码如下:var factorName = new Ext.form.Label({ id : factorName, fieldLabel : 要素名称, style:"position:relative;top:2px;", text : simpleGrid.getItems(factorName), anchor : 100% });
主要的方法如下： 代码如下:.data( key, value ).data( obj ).data( key ).data()从jQuery 1.4.3起， HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。例如HTML： 代码如下:<div data-role = "page" data-last-value = "43" data-hidden = "true" data-options = {"name":"John"} > </div>下面的 jQuery代码都是返回 true 的： 代码如下:$ ( "div" ) . data ( "role" ) === "page" ;$ ( "div" ) . data ( "lastValue" ) === ...
首先，html属性中有两个方法，一个有参，一个无参 1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String 例子： html页面代码：<div><p>Hello</p></div> jquery代码：$("div").html(); 结果：Hello 2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象 html页面代码：<div></div> jquery代码：$("...
HTML元素，属性已经十分丰富了。但是，在某些场合下，也会显得捉襟见肘，这时候自定义属性就发挥了十分关键的作用。 Html元素的自定义属性，使用起来，十分方便，例如： <input type=”button” value=”Click Me, Baby!” /> 假设我们现在需要限制，这个按钮，只能点击2次，然后就失效了。 通常的实现方式，是可以利用全局变量的形式来记录点击次数，但我们这里用自定义属性来实现这个功能，展示一下自定义属性的优势；我们对上面...