利用javascript点击li标签中的i标签,返回“你好”
时间: 2024-04-29 07:22:32 浏览: 14
很高兴为您解答。可以使用以下代码实现:
```
document.querySelector('li i').addEventListener('click', function() {
alert('你好');
});
```
注意,此代码仅供参考,具体实现可能因页面架构不同而有所区别。如有其它问题,欢迎继续提问。
相关问题
jQuery点击li标签改变颜色,其他li标签不变
可以使用jQuery的`click`事件和`addClass`方法来实现点击`li`标签改变颜色,其他`li`标签保持不变的效果。下面是一个示例代码:
HTML:
```html
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
```
CSS:
```css
.selected {
color: red;
}
```
jQuery:
```javascript
$(document).ready(function() {
$("li").click(function() {
$("li").removeClass("selected"); // 移除所有li的selected类
$(this).addClass("selected"); // 添加selected类到当前点击的li
});
});
```
这段代码首先在页面加载完成后绑定了每个`li`元素的`click`事件。当用户点击某个`li`标签时,移除所有`li`元素的`selected`类,然后将`selected`类添加到当前点击的`li`元素上。这样就能实现点击某个`li`标签改变颜色,其他`li`标签保持不变的效果。
li标签动态绑定点击事件
要动态绑定 li 标签的点击事件,可以使用以下代码:
```javascript
// 获取所有的 li 标签
var lis = document.getElementsByTagName("li");
// 遍历所有的 li 标签
for (var i = 0; i < lis.length; i++) {
// 为每个 li 标签动态绑定点击事件
lis[i].addEventListener("click", function() {
// 在这里编写点击 li 标签后的操作
console.log("点击了" + this.textContent);
});
}
```
上面的代码中,首先通过 `document.getElementsByTagName("li")` 获取到页面中所有的 li 标签,然后使用 `for` 循环遍历每个 li 标签,为它们动态绑定点击事件。在点击事件的回调函数中,可以编写点击 li 标签后的操作。