jsdomで変更した値をdocument.documentElement.outerHTMLで取得できない

Question

#jsdomで変更した値をdocument.documentElement.outerHTMLで取得できない

##実現したいこと
jsdomで変更した値をres.end()でブラウザに表示させたい
##発生している問題
jsdomで変更したhtmlをjsdomのdocument.documentElement.outerHTMLで取得できない。
そして、変更する前の値が表示されます。

ソースコード

let fs = require("fs");
let { JSDOM } = jsdom;
let html = fs.readFileSync("rooms.html","utf8");
const document = new JSDOM(html).window.document;
document.querySelector("#rooms li")["v-for"] = 'n in ["a","b"]';
res.end(document.documentElement.outerHTML);

##調べてみたこと
このサイトをGoogle翻訳で翻訳しながらみたのですが知識不足と日本語が変で分かりませんでした

Answer 1

おそらくセレクタの指定が間違ってるのが原因だと思います。

document.querySelector('#rooms li["v-for"]')

Comments

[退会済みユーザー]

document.querySelector("#rooms li['v-for']")["v-for"] = 'n in ["a","b"]';

このようにしてみたのですが下のようなエラーが出てしまいました。

SyntaxError: '#rooms li['v-for']' is not a valid selector

[yhg]

あ、的はずれなこと言ってた。 v-for 属性を変更する感じでしたね。

document.querySelector("#rooms li").setAttribute('v-for', 'n in ["a","b"]')

でもダメなら、書き込み自体ができないとかそんな感じだと思いますので、別のアプローチが必要になると思います。 jsdom 使ってやりたいことがこれだけなら、パース処理に時間かかって遅くなるだけなので、普通に正規表現で置換するのが良いと思います。

[退会済みユーザー]

jsdomでしようとしてたことはこれだけなので正規表現にしてみようと思います。ご教授ありがとうございます