如何将事件侦听器和属性添加到 Deno 中的 HTML 元素答案

【问题标题】：How can I add eventListner and attribute to HTML element in Deno如何将事件侦听器和属性添加到 Deno 中的 HTML 元素
【发布时间】：2020-01-02 16:07:20
【问题描述】：

我有以下带有Deno 运行时的代码，它在网站上显示一个按钮：

如何更改此按钮的属性
如何为这个按钮添加 eventListner

import { serve } from "https://deno.land/std@v0.24.0/http/server.ts"

async function main() {
    const body = new TextEncoder().encode(`<button>click me</button>\n`);
    const s = serve({ port: 8000 });
    console.log(`Server had been started at: http://localhost:8000/`);
    for await (const req of s) {
      req.respond({ body });
    }
};

main()

【问题讨论】：

我建议将此问题标记为html 或DOM 而不是deno。 Deno 只是为站点服务，其他的所有 DOM 操作都与浏览器相关。

标签： deno

【解决方案1】：

通过替换

<button>click me</button>\n

与

<button id='button' onclick="document.getElementById('button').innerHTML='wow I changed'">click me</button>\n

或另一个单独添加 eventListener 的示例

`<button id='button'>click me</button><script>document.getElementById('button').addEventListener('click',function(){document.getElementById('button').innerHTML='wow I changed';});</script>\n`

【讨论】：