javascript FAQ函数(提问+回复)
更新时间：2009年07月21日 23:38:01 作者：
javascript FAQ函数，当点击问题时显示下面的回复内容。
效果如下图：当点击问题时显示下面的回复内容。
script type="text/javascript">
onload = function(){
faq(document.getElementsByTagName("dl")[0], "dt", "dd");
/*
* faq函数：elem是父元素，qTag是标题元素，aTag是内容元素
*/
}
function faq(elem, qTag, aTag){
aTag = aTag || "dd"; //提供默认值，下同
qTag = qTag || "dt";
elem = elem || document;
var dds = elem.getElementsByTagName(aTag);
for (var i = 0, len = dds.length; i < len; i++) {
dds[i].style.display = "none";
}
var dts = elem.getElementsByTagName(qTag);
for (var i = 0, len = dts.length; i < len; i++) {
dts[i].style.cursor = "hand";
dts[i].onclick = function(){
var next = this.nextSibling;
//获得当前元素的下一个元素的引用
while (next.nodeType != 1) {
next = next.nextSibling;
}
if (next.style.display != "none") {
next.style.display = "none";
}
else {
next.style.display = "block";
}
}
}
}
</script>
测试代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
script type="text/javascript">
onload = function(){
faq(document.getElementsByTagName("dl")[0], "dt", "dd");
/*
* faq函数：elem是父元素，qTag是标题元素，aTag是内容元素
*/
}
function faq(elem, qTag, aTag){
aTag = aTag || "dd"; //提供默认值，下同
qTag = qTag || "dt";
elem = elem || document;
var dds = elem.getElementsByTagName(aTag);
for (var i = 0, len = dds.length; i < len; i++) {
dds[i].style.display = "none";
}
var dts = elem.getElementsByTagName(qTag);
for (var i = 0, len = dts.length; i < len; i++) {
dts[i].style.cursor = "hand";
dts[i].onclick = function(){
var next = this.nextSibling;
//获得当前元素的下一个元素的引用
while (next.nodeType != 1) {
next = next.nextSibling;
}
if (next.style.display != "none") {
next.style.display = "none";
}
else {
next.style.display = "block";
}
}
}
}
</script>
测试代码：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
这篇文章主要为大家详细介绍了js获取时间精确到秒，实现获取当前年份、当前月份等操作，感兴趣的小伙伴们可以参考一下2016-03-03
循环允许我们通过循环数组或对象中的项并做一些事情。在这篇文章中，我们将了解JavaScript提供的for循环，感兴趣的小伙伴可以了解一下2022-11-11
一道优雅面试题分析js中fn()和return fn()的区别
这篇文章主要带领大家深入理解JavaScript中 fn() 和 return fn() 的区别，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要为大家详细介绍了js实现图片轮播切换效果，图片自动轮播切换、点击上下键图片切换上下图片等，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要为大家详细介绍了微信小程序实现电影App导航和轮播，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
大家做小程序项目的时候肯定会遇到数据对接需求,下面这篇文章主要给大家介绍了关于微信小程序网络请求模块封装的具体实现,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
今天小编就为大家分享一篇layui table表格数据的新增,修改,删除,查询,双击获取行数据方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
一个简单的示例来演示如何使用自定义的eventUtil对象，javascript事件处理函数2011-08-08
这篇文章主要给大家介绍了关于JavaScript基础之this和箭头函数的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-09-09
地图组件用于展示地图,而定位API只是获取坐标,请勿混淆两者,下面这篇文章主要给大家介绍了关于如何使用Uniapp实现微信小程序的GPS定位打卡的相关资料,需要的朋友可以参考下2022-11-11
最新评论