如何解决使用JavaScript切换HTML元素的内容
我刚刚尝试了DOM操作,但无法完成。目标是通过单击同一按钮来回切换给定段落的内容。我现在要更改段落和按钮的内容,但没有其他内容。
它是这样尝试的:
document.querySelector('#even').addEventListener('click',changeEven);
function changeEven() {
let even = document.querySelectorAll('p:nth-child(even)');
let evenBtn = document.querySelector('#even');
if (evenBtn.innerHTML.indexOf('even' >= 0)) {
for (var i = 0; i < even.length; i++) {
evenBtn.innerHTML = 'Change paragraph text to normal';
even[i].innerHTML = 'This is an even paragraph.';
};
} else {
for (var i = 0; i < even.length; i++) {
evenBtn.innerHTML = 'Change paragraph text to even';
even[i].innerHTML = 'This is a paragraph.';
}
};
};
前半部分似乎起作用了,因为它更改了段落的内容,但是如果我想将其切换回去,它将无法响应。
感谢您的任何见解。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。