setAttribute and getAttribute的用法 以及阻止<a>的href的默认属性
2015-10-11 22:19
316 查看
1,它们都有一个共同点那就是不能与document一起使用,因此我们可以利用对象的方式的来访问它,
for example
var pic=document.getElementById("id");
pic.getAttribute() || pic.setAttribute("value","new value");
2关于a链接的默认行为阻止;
for example
<a href="http://www.bibizan.cn" onclick="return false;" >这是一个不能跳转的链接</a>
与disabled的区别就是这种方法,链接是可以点的动的,而disabled不能,点击的感觉有点像是空链接,但他是有链接的对象可惜被阻止了,
另一方面,a 的href属性就是就是他的预定义事件,而onclick也是它的事件,而他们的优先级是js代码段先执行,而href的预定义事件后执行;因此我们要给利用a标签但是又要改变它的默认链接时就可以使用它
for example
<a href="http://www.bibizan.cn" onclick="function(); return false;" >因为这是两个代码块必要要用分号隔开,否则执行的是后者;之所以把return false写在后面就是因为a的href属性是在js代码段后执行的
setAttribute只能接受属性节点比如<p id="description" title=“one”>choose an picture </p>可以替换title的值,不能替换p段落内的文本,在此还需要注意的是p 是元素节点,而文本的内容属于文本节点,不是同类型的节点,需要用firstchild|| childNodes[0]
节点
for example
var pic=document.getElementById("id");
pic.getAttribute() || pic.setAttribute("value","new value");
2关于a链接的默认行为阻止;
for example
<a href="http://www.bibizan.cn" onclick="return false;" >这是一个不能跳转的链接</a>
与disabled的区别就是这种方法,链接是可以点的动的,而disabled不能,点击的感觉有点像是空链接,但他是有链接的对象可惜被阻止了,
另一方面,a 的href属性就是就是他的预定义事件,而onclick也是它的事件,而他们的优先级是js代码段先执行,而href的预定义事件后执行;因此我们要给利用a标签但是又要改变它的默认链接时就可以使用它
for example
<a href="http://www.bibizan.cn" onclick="function(); return false;" >因为这是两个代码块必要要用分号隔开,否则执行的是后者;之所以把return false写在后面就是因为a的href属性是在js代码段后执行的
setAttribute只能接受属性节点比如<p id="description" title=“one”>choose an picture </p>可以替换title的值,不能替换p段落内的文本,在此还需要注意的是p 是元素节点,而文本的内容属于文本节点,不是同类型的节点,需要用firstchild|| childNodes[0]
节点
相关文章推荐
- Git 速查手册
- 网站搜索框添加语音搜索功能
- 沟通管理计划包括哪些内容?
- 2015下半年软考系统集成管理工程师10月8日作业
- 在项目中使用volley
- 第四周项目1 建立单链表
- 【WinForm窗体控件开发】之三续 窗体控件设计时的事件属性
- Canvas使用错误:screen.getContext('2d') is not a function
- 统计ios工程代码总行数
- Linux下安装和配置java开发环境(jdk/eclipse/tomcat)
- eclipse tomcat maven热部署
- 去除vss源代码管理
- swift中防止闭包循环引用
- LeetCode OJ:Add Binary(二进制相加)
- zoj 3494(ac自动机+数位dp)
- leetcode笔记:Isomorphic Strings
- POJ - 3126 Prime Path(15.10.10 搜索专题)bfs
- 互信息 Mutual Information
- 有了Auto Layout,为什么你还是害怕写UITabelView的自适应布局?
- poj_2186 强连通分支