『壹』 怎么样通过js DOM获取一个节点的文本内容
首先 nextSibling 并不是所有浏览器执行后 结果都是一样的!
这是我写的:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<p>This is One </p>
<p>This is Two </p>
<script>
var p = document.getElementsByTagName("p");
p[1].innerHTML= "This is Change";
</script>
</body>
</html>
我用一个变量接收整个页面有多少个p标签
然p是一个数组 数组从0开始 我要操作第二个 我就p[1] 来操作他
这里 我改变了第二个p标签的值 !
『贰』 js中fireEvent和onclick的区别
DOM的fireEvent和onclick(这只是个代表)有以下区别:
1. onclick需要DOM真正添加了onclick事件,否则会报“对象不支持此属性或方法”错误
2. onclick不会引起IE的冒泡过程,而fireEvent会引起冒泡,fireEvent更贴近用户真实的行为触发
3. 由第二条得出,fireEvent在即使DOM没有click事件也可以fireEvent,而不会报错(更贴近用户真实行为)
最后可以拿下面的代码测试:
<ul onclick='alert(event.srcElement.innerHTML);'> <li id='id1' onclick='alert(1);'>i am one;</li> <li id='id2'>i am two;</li> <li id='id3'>i am three;</li> </ul> <button onclick='document.getElementById("id1").onclick();'>click me!</button> <button onclick='document.getElementById("id1").fireEvent("onclick")'>fireEvent !</button>
原文:http://www.js8.in/731.html
『叁』 JS表单代码获得焦点自动清除提示,失去焦点恢复默认提示
第一个问题的解决办法:
<scripttype="text/javascript">
window.onload=function(){
varkeyWord=document.getElementsByName('keyWord')[0];//搜索name为keyWord的DOM对象
keyWord.onfocus=function(){
keyWord.value='';
};
keyWord.onblur=function(){
keyWord.value='搜索您感兴趣的资源';
};
}
</script>
第二个问题之所以没反应是因为你的提交按钮的type写错了,应该是
<inputname="提交"type="submit"class="gobackcolr"value="GO"/>
希望对你有所帮助!
『肆』 原声js怎么触发click事件
如果你只需要触发那些常见的事件,比如说鼠标点击,并且不考虑跨浏览器兼容的问题的话,只需要这样做:
document.getElementById('myLink').click()
当然这么做的兼容性并不好,比如说 FireFox 就不干。另外 onclick() 这样的方法只能用于在 HTML 中的内联写法。
如果事情稍微复杂一些,比如说你要触发一些自定义的事件,那么你必须要理解 DOM 里面的“事件对象模型”,本质上 $.trigger() 就是对这些概念的封装。不过问题是 DOM 的一致性和兼容性一直都不太好,所以关于事件的对象模型长期以来都处于一个比较混乱的状况下,如果不用 jQuery 的话,想找到一个既简单又足够健壮的解决方案并不容易。
很长时间以来,人们都是这样做的:
// 创建一个事件对象,就好像你绑定事件回调函数里获得的那个事件对象一样
var myEvent = document.createEvent('Event')
// 初始化这个事件对象,为它提高需要的“特性”
myEvent.initEvent('myEventName', true, true)
// 按照常见的方式绑定对该事件的监听,这里的 element 可以是任何一个元素,你懂的
element.addEventListener('myEventName', function(evt) {
// 这里,evt 就是你创建的事件对象了,不过它会更丰富一些——这些是浏览器为你做的
})
// 然后这样触发它
element.dispatchEvent(myEvent)
你必须要去阅读 createEvent initEvent dispatchEvent 这些方法的文档来完整认识它们(文档可以去 MDN 找),上面介绍的只是基本用法。$.trigger() 所封装的也就是它们(及其相关的兼容性处理等等)。不过这些方法已经有点“过时”了,特别像 initEvent 这样的方法更是已经被(新的 DOM 标准)废弃了。
以下是更“现代”的做法,不过老样子:兼容性会是问题:
var myEvent = new Event('myEventName')
element.dispatchEvent(myEvent)
绑定回调是一样的我就不重复了。另外“现代”的做法里触发内建事件要用对应的接口,比如说:
var event = new MouseEvent('click', {
'view': window,
'bubbles': true,
'cancelable': true
});
『伍』 js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,然后按下Crtl+S保存一下版: