javascript FAQ函數(shù)(提問(wèn)+回復(fù))
更新時(shí)間:2009年07月21日 23:38:01 作者:
javascript FAQ函數(shù),當(dāng)點(diǎn)擊問(wèn)題時(shí)顯示下面的回復(fù)內(nèi)容。
效果如下圖:當(dāng)點(diǎn)擊問(wèn)題時(shí)顯示下面的回復(fù)內(nèi)容。

script type="text/javascript">
onload = function(){
faq(document.getElementsByTagName("dl")[0], "dt", "dd");
/*
* faq函數(shù):elem是父元素,qTag是標(biāo)題元素,aTag是內(nèi)容元素
*/
}
function faq(elem, qTag, aTag){
aTag = aTag || "dd"; //提供默認(rèn)值,下同
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;
//獲得當(dāng)前元素的下一個(gè)元素的引用
while (next.nodeType != 1) {
next = next.nextSibling;
}
if (next.style.display != "none") {
next.style.display = "none";
}
else {
next.style.display = "block";
}
}
}
}
</script>
測(cè)試代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

復(fù)制代碼 代碼如下:
script type="text/javascript">
onload = function(){
faq(document.getElementsByTagName("dl")[0], "dt", "dd");
/*
* faq函數(shù):elem是父元素,qTag是標(biāo)題元素,aTag是內(nèi)容元素
*/
}
function faq(elem, qTag, aTag){
aTag = aTag || "dd"; //提供默認(rèn)值,下同
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;
//獲得當(dāng)前元素的下一個(gè)元素的引用
while (next.nodeType != 1) {
next = next.nextSibling;
}
if (next.style.display != "none") {
next.style.display = "none";
}
else {
next.style.display = "block";
}
}
}
}
</script>
測(cè)試代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- pjblog發(fā)表評(píng)論用的ajaxJS.js
- 一個(gè)jsp+AJAX評(píng)論系統(tǒng)
- javascript發(fā)表評(píng)論或者留言時(shí)的展開(kāi)效果
- JS類定義原型方法的兩種實(shí)現(xiàn)的區(qū)別評(píng)論很多
- js實(shí)現(xiàn)簡(jiǎn)單的星級(jí)選擇器提交效果適用于評(píng)論等
- js寫(xiě)的評(píng)論分頁(yè)(還不錯(cuò))
- Json實(shí)現(xiàn)異步請(qǐng)求提交評(píng)論無(wú)需跳轉(zhuǎn)其他頁(yè)面
- 完美實(shí)現(xiàn)仿QQ空間評(píng)論回復(fù)特效
相關(guān)文章
微信小程序商城項(xiàng)目之購(gòu)物數(shù)量加減(3)
這篇文章主要為大家詳細(xì)介紹了微信小程序商城購(gòu)物數(shù)量加減功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04通過(guò)javascript設(shè)置css屬性的代碼
通過(guò)javascript設(shè)置css屬性的方法需要的朋友可以參考下。2009-12-12用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼
本篇文章主要介紹了用js實(shí)現(xiàn)before和after偽類的樣式修改的示例代碼,具有一定的參考價(jià)值,有興趣的可以了解一下2017-09-09JavaScript實(shí)現(xiàn)微信小程序打卡時(shí)鐘項(xiàng)目實(shí)例
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)微信小程序打卡時(shí)鐘項(xiàng)目實(shí)例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04