本文实例讲述了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"...
本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下： onblur 事件会在对象失去焦点时发生。 语法如下：代码如下:onblur="SomeJavaScriptCode" SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签： <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>, <em>, ...
本文实例讲述了html的DOM中Event对象onabort事件用法。分享给大家供大家参考。具体分析如下： onabort 事件会在图像加载被中断时发生。 当用户在图像完成载入之前放弃图像的装载（如单击了 stop 按钮）时，就会调用该句柄。 语法：代码如下:onabort="SomeJavaScriptCode" SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签： <img> 支持该事件的 JavaScript 对象： image 在本例中，如果图像的...
本文实例讲述了html的DOM中document对象images集合用法。分享给大家供大家参考。具体分析如下： images 集合可返回对文档中所有 Image 对象的引用。 语法：代码如下:document.images[] 为了与 0 级 DOM 兼容，该集合不包括由 <object> 标记定义的图像。 例子：代码如下:<html> <body> <img border="0" src="hackanm.gif" width="48" height="48"> <br /> <img border="0" src="compman.gif" width="107" height="98"> <br /><br />...
本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下： forms 集合可返回对文档中所有 Form 对象的引用。 语法：代码如下:document.forms[] 例子：代码如下:<html> <body> <form name="Form1"></form> <form name="Form2"></form> <form name="Form3"></form> <script type="text/javascript"> document.write("This document contains: ") document.write(document.for...
本文实例讲述了html的DOM中document对象anchors集合用法。分享给大家供大家参考。具体分析如下： anchors 集合可返回对文档中所有 Anchor 对象的引用。 语法：代码如下:document.anchors[] 例子：代码如下:<html> <body> <a name="first">First anchor</a><br /> <a name="second">Second anchor</a><br /> <a name="third">Third anchor</a><br /> <br /> Number of anchors in this document: <script type=...
本文实例讲述了Javascript中innerHTML用法。分享给大家供大家参考。 具体实现方法如下：代码如下:<html> <head> <script type="text/javascript"> function t(){ var cont = document.getElementById(container); var htmlcode = "<p>哈哈哈哈</p>"; cont.innerHTML = htmlcode; } </script> </head> <body> <div id="container"> <ul> <li>春天</li> <li>夏天</li> <li>秋天</li> <li>冬天</li> </ul> </div> <div i...
本文实例讲述了jQuery中html()方法用法。分享给大家供大家参考。具体分析如下： 此方法能够设置和取得匹配元素的HTML内容，原来的内容将会被新设置的内容替换。 特别说明: HTML内容就是内容中可以包含HTML标签，并且能够被浏览器渲染。 文本内容是先将内容中的HTML预定义字符转换成html字符实体，这样HTML标签就不会被渲染。 语法结构一:代码如下:$(selector).html() 此时方法不带参数时候是取得第一个匹配元素的html内容。 此方法...
阅读HTML5的详细规范后你会发现，这个自定义data属性的用法非常的简单，就是你可以往HTML标签上添加任意以 "data-"开头的属性，这些属性页面上是不显示的，它不会影响到你的页面布局和风格，但它却是可读可写的。 jquery 里已经内置这个方法. 通过 $(‘#content‘).data(‘list); 就能获取数据. 这个方法是在 jQuery1.4.3版本后出现的,它能返回相应的data属性. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>jquer...
关于location对象的简单理解： 1.location对象中涵盖了当前页面（本页面）或者更直接的说，是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性，可以通过window.location老访问 下面顺便介绍一些URL(资源定位符)的相关信息吧： 在浏览器中URL通常由下面几个部分组成的： [协议][host][path][query] 协议：常见的协议有： http:// 表示资源文件在web服务器上 ftp://表示资源文件在网络上的ftp服务器中 host...
<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>这是一个层</span></div> <input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);"> <input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);"> <input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);"> <input name="outerText" va...
编写XHTML代码的规则要比编写HTML要严格得多，类似下面的代码在HTML中是有效的，但在XHTML中则是无效的。 [javascript] 代码如下:<script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is less then b"); } else if(a > b) { alert("a is greater then b"); } else { alert("a is equal to b"); } } </script> <script type="text/javascript"> function compare(a, b) { if(a < b) { alert("a is les...
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参数可以指定...
test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。 test.innerText: 从起始位置到终止位置的内容, 但它去除Html标签 上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。 test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTM...
一:动态改变文本和Html Demo1 p { color:gray; } function changeText() { //innerText属性只能改变HTML内的文本内容,并且支持IE下使用 DT.innerText="我很好"; } function changeHtml() { //innerHTML符合W3C标准,可以在任何浏览器下使用,并且可以改变独享DH内部的HTML语句 DH.innerHTML="我姓肖"; //火狐下只支持以下写法,并不支持在Javascript脚本中直接使用对象名来操作对象 //document.getElementById("DH").inne...