根据按钮的值更改HTML页面的内容？

Question

I am creating an EDM music directory web-sight and I am having issues with the content.

There are tons of genres and sub-genres of EDM and I don't want to create a new page for each one (if possible)

Is there a way to switch the content of an HTML web-sight based on the value of a button? In other words, I want a HTML template with all the styling for the genre. But I want to change the text, images and audio that goes into it.

Answer 1

是的，可以确保在渲染时可以向按钮添加类或id，然后只需为单击操作添加事件侦听器即可。在侦听器中，您可以运行this.innerText以访问按钮文本。完成所有处理后，您可以按窗口获取整个文档HTML。 document.body.innerHTML并通过为body的此属性分配值来设置，我建议您宁可使用元素的类或id来更改它们，也可以运行element.childNodes [index]来更改网页上的元素