
displayabbreviations.js 无法正常工作的原因
问题:为什么 displayabbreviations.js 无法显示大写的缩写词解释?
答案:
displayabbreviations.js 中缺少以下关键步骤:
- 获取包含缩写词解释的 元素。
- 创建包含缩写词解释的文本节点。
- 将文本节点附加到 元素上。
修改后的代码:
function displayabbreviations() {
// 如果浏览器不支持必要的方法,则返回 false。
if (!document.getelementsbytagname || !document.createelement || !document.createtextnode) return false;
// 获取包含缩写词的元素。
var abbrs = document.getelementsbytagname("abbr");
// 循环遍历缩写词元素。
for (var i = 0; i < abbrs.length; i++) {
// 获取缩写词的解释。
var definition = abbrs[i].getattribute("title");
// 创建包含定义的文本节点。
var definitiontext = document.createtextnode(definition);
// 将定义附加到缩写词元素。
abbrs[i].appendchild(definitiontext);
}
}为什么只显示了 displaycitations.js 的功能?
displayabbreviations.js 代码执行顺序在 displaycitations.js 之后,因此其功能被覆盖。要解决此问题,请在 displayabbreviations.js 代码之前执行 displaycitations.js 代码。
修正代码:










