createelement 相关问题

使用 Javascript 的 CSS 样式属性值无效

我正在尝试使用 Javascript 创建元素并设置其样式： var div_html = document.createElement("div"); var div = document.createElement("div"); div.setAttribute("class", "div_class"); div.st...

尝试使用 Google Analytics 4 函数创建 document.createElement('script')

我正在将我的网站转移到 GoogleAnalytics 4，我需要将以下脚本添加到页面中。如果单击接受 cookies 按钮，我将使用 JS 将其添加到头部。

为什么创建的元素在创建后立即从网站上消失？

输入后： 数字 文本（作为文本添加到 div 元素中） 选择（分区或部分） 单击“创建”按钮后 给定数量的 div 将出现在该部分中。 这...

如何将 javascript 代码作为表单输入并附加到 DOM 元素的事件监听器代码

我正在尝试开发一个项目，我们允许用户创建 HTML 元素并向其附加适当的事件侦听器代码（https://codesandbox.io/s/interactive-objects-tjvvhv?file=/src /...

如何在 JSX 中连续追加 HTML 元素？ （反应）

函数示例 () { 返回 （ 。 。 ？ 添加新输入 )} 让我们假装我们是

无法读取 null 的属性（读取“addEventListener”）错误

我有这样一个JavaScript const checkBox = document.createElement("输入") checkBox.className = "form-check-input me-1 fa-pull-right" checkBox.type = "复选框" li.appendChild(checkBox); 检查博...

原生组件反应速度提高 50%

我在 Twitter 上阅读了这些帖子，他们说可以将组件速度提高 50%。 链接：https://twitter.com/natebirdman/status/1695511232298783079 链接：https://twitter.com/

为创建的元素设置属性

我已经有 3 个段落，需要使用 JavaScript 创建第 4 个段落 就创建成功了。 const new_h2 = document.createElement('h2') 并为 h2 分配一个 ID new_h2.setAttribute('...

为什么文本和 SVG 元素之间有间隙？

我想要 SVG 图标附近的文本，但我无法实现这一点。元素之间总是有很大的空间。你能帮助我吗？ var 勾选 = ' 我想要 SVG 图标附近的文本，但我无法实现这一点。元素之间总是有很大的空间。你能帮我吗？ var tick = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check-square-fill" viewBox="0 0 16 16"><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"/></svg>' var cross = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-exclamation-square-fill" viewBox="0 0 16 16"><path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/></svg>' const fragment = document.createElement('span') fragment.style.display = 'flex' const l1 = document.createElement("label") l1.textContent = "HWjgvttgvyvytvhgvhgvhgvhtvytcytcytcytcytcyt"; l1.style.marging='0' //l1.style.flex='auto' const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg"); svg.innerHTML = tick svg.style.marging='0' //svg.style.flex='auto' fragment.appendChild(svg) fragment.appendChild(l1) document.body.appendChild(fragment); 我尝试了 flex、inline-block、grid 作为 display 属性 使用开发工具检查它，它会告诉你什么占用了空间。看看这个 您有一个 <svg> 元素作为字符串，然后创建一个新的 svg 元素并将 <svg> 字符串作为该新元素的子内容。 此外，您正在设置 style.marging 我认为您的意思是设置 style.margin 请参阅以下更改。您不需要在字符串中定义所有这些 SVG 元素属性，而是需要在代码中定义它们并将每个属性设置为属性。我创建了一个辅助函数，只要您将 SVG 元素的内容作为字符串传递给它，它就会为您完成此操作。这也意味着您只需将 <path> 元素保存为字符串，而不是将整个 svg 元素保存为字符串。 var tickPath = '<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z"/></svg>' var crossPath = '<path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>' function createSvgEl(pathString){ const svg = document.createElementNS('http://www.w3.org/2000/svg', "svg"); svg.innerHTML = pathString svg.style.margin='0' //svg.style.flex='auto' svg.setAttribute("xmlns","http://www.w3.org/2000/svg"); svg.setAttribute("width", "16"); svg.setAttribute("height", "16"); svg.setAttribute("fill", "currentColor"); svg.setAttribute("class", "bi bi-check-square-fill"); svg.setAttribute("viewBox", "0 0 16 16"); return svg; } const fragment = document.createElement('span') fragment.style.display = 'flex' const l1 = document.createElement("label") l1.textContent = "HWjgvttgvyvytvhgvhgvhgvhtvytcytcytcytcytcyt"; l1.style.margin='0' //l1.style.flex='auto' fragment.appendChild(createSvgEl(tickPath)) fragment.appendChild(l1) document.body.appendChild(fragment);

将输入字段中的新值添加到 div，同时将旧输入保留在前一个 div 中

我希望能够从输入字段中提取值并将其添加到创建的 div 中，每次创建新的 div 时，它将采用新值，同时保留旧值。现在...

使用 document.createElement() 时如何保留标签大小写？

我需要动态地将一些标签插入到 的 元素中。有问题的标签具有驼峰命名的标签名称，并且还使用一些带有驼峰命名的属性。 当我...

从数组对象创建无序列表

我想使用 vanilla JS 创建一个无序列表，从对象数组中创建一个列表。不知道该怎么做。 这是我当前的代码： 让 myObj = [ {名称：《哈利·波特》，作者：“JK

如何向创建的元素添加内容？

所以我正在开发一个程序，允许您将书籍添加到列表中，然后为它们写评论。评论应该附加在它所属的列表项的下面，但是我...

（JavaScript）尝试使用 createElement() 和 createTextNode() 将项目添加到列表中，但它打印了两次。有没有办法来解决这个问题？ [关闭]

我正在编写一个程序来制作一个用户可以添加的书籍列表，以跟踪他们想要阅读的书籍。我正在使用 createElement() 和 createTextNode() 来执行此操作。我已经定义了...

我可以调用使用单个 createElement 生成的多个按钮的不同效果吗？ （在 Javascript 中）

我想使用 createElement 生成许多按钮，但我无法让按钮在单击时执行不同的操作。在这个例子中，我想要一个按钮来制作

如何在 PHP 中编写创建和追加子 HTML 元素的函数？

而不是回显大块 HTML 代码或使用 echo << 我不想回显大块 HTML 代码或使用 echo <<<HEREDOC，我想编写创建 HTML 元素并将子元素相互附加的函数。 createLoginBar 函数将创建一个 div，我会将其附加到其他 HTML 元素到我的 createLogoutBanner 函数中。 function createLoginBar() { $dom = new DOMDocument(); $login_bar = $dom->createElement('div'); $login_bar->setAttribute("id", "login_bar"); $dom->appendChild($login_bar); return $dom->saveHTML(); } function createLogoutBanner() { $dom = new DOMDocument(); $login_bar = createLoginBar(); $login_flex = createBlankLoginFlex(); $banner_login_form = createBannerLoginForm(); $login_message_flex = createLoginMessageFlex(); $nonmember_signup_flex = createNonSignupFlex(); $not_a_member_form = createNotAMemberForm(); $dom->appendChild($login_bar); //This line gives an error $login_bar->appendChild($login_flex); $login_flex->appendChild($banner_login_form); $login_bar->appendChild($login_message_flex); $login_bar->appendChild($nonmember_signup_flex); $nonmember_signup_flex->appendChild($not_a_member_form); return $dom->saveHTML(); } $dom->appendChild($login_bar);函数中的createLogoutBanner行给我错误： 致命错误：未捕获的类型错误：DOMNode::appendChild()：参数 #1 ($node) 必须是 DOMNode 类型，字符串在中给出。 由于错误状态DOMNode::appendChild()预计将通过DOMNode. 您的 createLoginBar 函数返回一个字符串而不是节点。 尝试以下更改： function createLoginBar() { $dom = new DOMDocument(); $login_bar = $dom->createElement('div'); $login_bar->setAttribute("id", "login_bar"); $dom->appendChild($login_bar); return $dom; //->saveHTML(); }

如何在一个div被点击时添加一个元素，但从其他div中删除相同的元素？

我有一个onclick函数，可以在div被点击时添加一个元素 function clickOnADivToCreateLi(element) { var div = $(element); var i = document.createElement("i"); $(i).addClass("fas fa-...

for循环不能正确地制作多个按钮

所以，我试图用for循环来制作多个按钮，比如 const buttonSection = document.getElementById('listOfFiles'); for (let i = 0; i < arrayOfFiles.length; i++){ const ...。

选择由createElement JS创建的标签

[当我们在输入中按下键时创建标签，我想选择该复选框并应用事件更改。那么，如何选择createElement创建的标签？ HTML

由于换行和JavaScript createElement而在元素之间留有空格

[我有这样的HTML页面 我想使用JavaScript a1 = document.createElement（“ a”）a1.innerText在其中添加两个元素（问题出现在and按钮上。） 。