Nếu bạn đã theo dõi kênh YouTube của tôi thì bạn sẽ biết tôi thích khám phá những điều mới trong JavaScript
Điều này là không khác nhau. Hãy bắt tay vào làm nào 😎
Video hướng dẫn
Nếu bạn muốn xem video hướng dẫn về Trình phân tích cú pháp DOM, vui lòng xem video bên dưới 👇
Trình phân tích cú pháp DOM
Đó là trong tên. Đối tượng DOMParser
sẽ lấy một chuỗi HTML/XML và phân tích chúng dưới dạng một HTMLDocument
Điều này thực sự tuyệt vời
Hãy xem nó hoạt động
const html = `
Page Title
`;
const parser = new DOMParser[];
const parsedDocument = parser.parseFromString[html, "text/html"];
console.log[parsedDocument];
Vào chế độ toàn màn hình Thoát chế độ toàn màn hình
Nếu bạn kiểm tra bảng điều khiển sau khi chạy mã này, bạn sẽ thấy một đối tượng tài liệu chính thức, giống như document
bình thường đi kèm với mỗi trang. 😎
jQuery. now[] 方法
jQuery. parseJSON[] 方法
jQuery. parseHTML[]方法
实例
使用一个HTML字符串创建一个数组的Dom节点,并将它插入一个div
Content: div> $[function [] { var $log = $[ "#log" ], str = "hello, my name is jQuery.", html = $. parseHTML[ str ], nodeNames = []; //添加已解析的HTML $log. append[ html ]; //集合已解析HTML的节点名称 $. từng[ html, hàm . [ i, el ] { nodeNames[i] = "" + el.nodeName + ""; }]; // 插入节点名 $log. chắp thêm[ "Node Names:
" ]; $[ "" ] .nối thêm[ tên nút. tham gia[ "" ] . ] .appendTo[ $log ]; }]
尝试一下 »
定义和用法
$. parseHTML[] 函数用于将HTML字符串解析为对应的DOM节点数组。
注意:1. 该函数将使用原生的DOM元素创建函数把HTML字符串转换为一个DOM元素的集合,你可以将这些DOM元素插入到文档中。
2. 如果没有指定context参数,或该参数为null或undefined,则默认为当前document。如果创建的DOM元素用于另一个文档,例如iframe,则应该指定该iframe的document对象。
安全考虑:大多数jQuery API都允许HTML字符串在HTML中包含运行脚本。 jQuery. parseHTML[]不会运行解析的HTML中的脚本,除非你明确将参数keepScripts指定为true。 不过,大多数环境仍然可以间接地执行脚本,例如:通过jQuery 杂项方法
jQuery. now[] 方法
jQuery. parseJSON[] 方法
点我分享笔记
取消
分享笔记
- 昵称昵称 [必填]
- 邮箱邮箱 [必填]
- 引用地址引用地址