改变 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>
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性,你可以拿它做很多有用的事情。 你可以去读一下HTML5的详细规范,但这个自定义data属性的用法非常的简单,就是你可以往HTML标签上添加任意以 "data-"开头的属性,这些属...
1:lang属性用于指定元素的属性值以及元素的内容文字所用的基准语言,默认值未知,但是,是否适用与属性,还要取决于语法和属性的语义,以及卷入的操作 用户浏览器在呈现HTML文档时,该属性的益处有以下几点: (1) 协助搜索引擎 (2) 协助语音合成 (3) 协助选择符号异体字用于高品质的印刷 (4) 协助选择一套引号 (5) 协助解决连字符、绑定和空格 (6) 协助进行拼写检查和语法检查2:文字方向属性dir 代码如下:<!DOCTYP...
我们可以在<script>片断中定义一个被JS调用的代码,但代码又不在页面上显示,这时,我们可以使用下面的方法: 代码如下:<script id="commentTemplate" type="text/html"> <li> <div class="photo"> <a href="#"> <img src="[UserImg]" /></a></div> <p> <a href="#">[UserName]:</a><span class="time">[CreateDate]</span></p> <div class="clear"> </div> </li> </script> 代码如下:<div id="comment_ul_2"> </div> <input t...
虽然会有这样的错误,但是如果再仔细测试一下,会发现input标type属性设为button时,还是具有checked属性的,而且默认为false 代码如下所示: 代码如下:<script type="text/javascript" src="//www.gxlcms.com/jslib/jquery/jquery.js"></script> <script type="text/javascript"> $(function () { $("#CheckedRev").click(function () { var TrueOrFalse = $(this).attr("checked"); alert(TrueOrFalse); }) }) </script> <input...
效果图:http://code.google.com/p/jquery-placeholder-js/ 演示代码:http://demo.jb51.net/js/2011/jqueryplaceholder/打包下载:http://xiazai.jb51.net/201105/yuanma/jqueryplaceholder.rar
在您开始本文的阅读前,我强烈建议您可以先读一读此篇:http://w3help.org/zh-cn/causes/SD9004. HTMLCollection 接口定义 interface HTMLCollection{ readonly attribute unsigned long length; Node item(in unsigned long index); Node namedItem(in DOMString name);} 对于 HTMLCollection集合对象 必须要说一说的是 namedItem方法. 看看规范的解释.原文:namedItem...
html() 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。 Get the html contents of the first matched element. This property is not available on XML documents (although it will work for XHTML documents). 返回值 String 示例 代码如下:HTML 代码: <div><p>Hello</p></div> jQuery 代码: $("div").html(); 结果: Hello html(val) 设置每一个匹配元素的html内容。这个函数不能用于XML文档。...
例:写一段图片HTML代码 <img src="http://localhost/phpwind6/zx/6.jpg" id="imgs" lang="en-us" alt="测试"> 该标签为img的代码中已可以看出已含有了四个属性,包括src id lang alt,加上本身的img标签有5个属性. 那么该img标签在正常的情况下倒底还含有多个属性?(包含对象),我现在为大家一一列出来(以上面那句代码为例,并附上它的所有值),所有在IE环境下有效可用的对象属性都在下面.学习HTML的朋友可以借鉴学习,也可以拿去吓人, 以...
正则表达式是做文本解析工作必不可少的技能。如Web服务器日志分析,网页前端开发等。很多高级文本编辑器都支持正则表达式的一个子集,熟练掌握正则表达式,经常能够使你的一些工作事半功倍。例如统计代码行数,只需一个正则就搞定。嵌套Html标签的匹配是正则表达式应用中一个比较难的话题,因为它涉及到的正则语法比较多,也比较难。因此也就更有研究的价值。 今天由于工作的需求,需要获取html标签的属性值,立即想到了正则表达式...
HTML中的标签及属性HTML页面结构标签描述<!DOCTYPE>定义文档类型。<html>定义 HTML 文档。<title>定义文档的标题。<body>定义文档的主体。<h1> to <h6>定义 HTML 标题。<p>定义段落。<br>定义简单的折行。<hr>定义水平线。<!--...-->定义注释。表单标签描述<form>定义供用户输入的 HTML 表单。<input>定义输入控件。<textarea>定义多行的文本输入控件。<button>定义按钮。<select>定义选择列表(下拉列表)。<optgroup>定义选择列表...
position的四个属性值: 1.relative 2.absolute 3.fixed 4.static 下面分别讲述这四个属性。<div id="parent"><div id="sub1">sub1</div><div id="sub2">sub2</div> </div>1. relative relative属性相对比较简单,我们要搞清它是相对哪个对象来进行偏移的。答案是它本身的位置。在上面的代码中,sub1和sub2是同级关系,如果设定sub1一个relative属性,比如设置如下CSS代码:#sub1 {position: relative;padding: 5px;top: 5px;left:...
前言 meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! html的meta总结 meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,...
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法:<marquee></marquee>以下是一个最简单的例子: 代码如下:<marquee><font size=+3 color=red>Hello, World</font></marquee>下面这两个事件经常用到: onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该...
【1】<i></i> 和 <em></em>标签 相同:都是表示斜体。 区别: (1)<em>表示被强调呈现的内容,<i>是物理上的斜体,没有内容上的意义。 (2)<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection,更利于SEO。 【2】<br/> 和 <p> 标签 相同:都有换行的属性。 区别:<br/>单独使用;执行小换行。<p></p...