我正在嘗試將此 Jquery 代碼創建為純 javascript
let container = $('body');
let cursor = $('<div/>').addClass('cursor').html('<svg/></svg>').appendTo(container);
但是當我從 jquery 為這種型別的選擇方法創建一個純 javascript 選擇器時我感到困惑
$('<div/>')
當我嘗試控制臺時$('<div/>')，輸出
w.fn.init [div]
0: div
length: 1
[[Prototype]]: Object(0)
有人可以幫我將此 jquery 代碼創建為純 js 代碼嗎
uj5u.com熱心網友回復：
// Cache the container
const container = document.querySelector('body');
// Create a new element
const cursor = document.createElement('div');
// Add the className, and innerHTML
cursor.className = 'cursor';
cursor.innerHTML = '<svg></svg>';
// Append it to the container
container.appendChild(cursor);.cursor { border: 1px solid black; height: 100px; width: 100px; }附加檔案
querySelectorcreateElementclassNameinnerHTMLappendChild
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/357351.html
標籤：javascript html 查询 css