javascript - 使用纯javascript获取li框的第一个标签文本内容
问题描述
每当单击 li 框时,我都希望拥有我的 li 的(名称)的第一个标签。但目前我的代码只会显示被点击的标签。
这是 jsfiddle https://jsfiddle.net/ehagk1d7/的链接,因为完全相同的代码似乎在片段中不起作用。
function test() {
console.log(event.target.textContent);
}
<li class="lijst" onclick="test()">
<p>Naam, PraktijkNaam</p>
<p>Adres</p>
<p>Email</p>
<p>Mobiel</p>
</li>
解决方案
function test(el) {
alert(el.firstElementChild.textContent );
}
<li class="lijst" onclick="test(this)">
<p>Naam, PraktijkNaam</p>
<p>Adres</p>
<p>Email</p>
<p>Mobiel</p>
</li>
如果您想保留事件元素,请使用currentTarget,它始终是您的函数的原始“节点”
function test() {
console.log(event.currentTarget.firstElementChild.textContent);
}
<li class="lijst" onclick="test()">
<p>Naam, PraktijkNaam</p>
<p>Adres</p>
<p>Email</p>
<p>Mobiel</p>
</li>
推荐阅读
- vba - 如何在 iif 真假结果中嵌套表达式(SSRS 报告)
- ruby-on-rails - 文件扩展名的 Shrine 验证不允许 Facebook 图片
- ios - iOS MapboxMaps v10 和 MapboxSearch SKD 不兼容问题
- python - 从 csv 文件中分离一个包含多行的列并在 Python 中对它们进行排序
- r - 如果 x 中没有匹配项,如何加入两个数据框(x 和 y)并添加一行
- python - 通过 ParamSpec 输入一个接受参数的装饰器(PEP-612,Python 3.10)
- postgresql - 具有 Null 值的 PostgreSQL 约束
- angularjs - 在 CEF 中运行的 Angularjs 应用程序中看到的框
- sql - Oracle:按数据分布不均的索引列排序
- ios - 全局更改点的实际大小?