使用JavaScript动态调用元素(锚点)

前端之家收集整理的这篇文章主要介绍了使用JavaScript动态调用元素(锚点)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我将如何使用JavaScript获取标记的文本.我知道如何通过在标签上附加一个ID来做到这一点,但我想知道是否还有使用“this”关键字来做到这一点.

示例HTML代码段:

JavaScript功能

function alertText(callingElement) {
    alert(callingElement.text);
}

这不起作用(警报打印出“未定义”)因为“this”关键字似乎指向Window对象而不是调用函数的锚.

如果有必要,可以使用JQuery.

最佳答案
您可以使用.innerHTML,但要传递此信息,您需要使用onclick属性.

JS:

function alertText(callingElement) {
    alert(callingElement.innerHTML);
}

或者您可以使用.innerText或.textContent,具体取决于用户的浏览器.

JS:

function alertText(callingElement) {
    alert(callingElement.textContent || callingElement.innerText);
}

更新:

啊,等等,它是一个锚元素,所以它有一个.text属性,所以你的原始函数会起作用(至少在支持HTML5的浏览器中).

JS:

function alertText(callingElement) {
    alert(callingElement.text);
}
原文链接:https://www.f2er.com/html/425807.html

猜你在找的HTML相关文章