我正在做一些事情,我想在將字串變數傳遞給其他函式之后使用這個 HTML 代碼。
var foo = "<html><body><div class='myClass'><div id='myId'>Hello World!!</div></div></body></html>";
uj5u.com熱心網友回復:
使用DOMParser API將您的字串轉換為document物件。
const data = "<html><body><div class='myClass'><div id='myId'>Hello World!!</div></div></body></html>";
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
const myClass = doc.querySelector('.myClass');
const myId = doc.querySelector('#myId');
console.log(myClass, myId);
uj5u.com熱心網友回復:
在這種情況下,您可以使用cheerio.js 。
var cheerio = require('cheerio');
var foo = "<html><body><div class='myClass'><div id='myId'>Hello World!!</div></div></body></html>"
const $ = cheerio.load(foo);
$('div#myId').text('Hello there!');
$('div#myId').addClass('newClass');
$.html();
//=> <html><body><div class='myClass'><div id='myId'>Hello World!!</div></div></body></html>
uj5u.com熱心網友回復:
只需執行以下步驟:
您需要像這樣將字串決議為 html:
let myhtml = document.createElement("html"); myhtml.innerHTML = foo;在你決議你的 html 之后,你可以做你想做的事。就像你想要
元素一樣,你可以這樣做:const myelement1 = myhtml.querySelector(".myClass");同樣,如果您想要
id = "myid"元素,則可以這樣做:const myelement2 = myhtml.querySelector("#myid");
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/475277.html
標籤:javascript html css
