加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 22:45:55 所属栏目:资源 来源:网络整理
导读:我将如何使用JavaScript获取锚标记的文本.我知道如何通过在标签上附加一个ID来做到这一点,但我想知道是否还有使用“this”关键字来做到这一点. 示例HTML代码段: JavaScript功能: function alertText(callingElement) { alert(callingElement.text);} 这不

我将如何使用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);
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读