时间戳

首页 > 解决方案 > JS标签后添加按钮

javascript - JS标签后添加按钮

问题描述

我有标签a-av-player（标签在 3 秒后可见），我需要在这个标签的末尾添加按钮。我用js：

function foo() {
  var button = document.createElement("button");
  button.id = 'fs-vid-button';
  button.innerHTML = "Do Something";

  // 2. Append somewhere
  var body = document.getElementsByTagName("v-av-player")[0];
  body.appendChild(button);
}

setInterval(function() {
  foo()
}, 3000)

仅当我将“getElements”更改为“body”时，脚本才有效，为什么？请帮我 ：）

标签： javascript

解决方案

让这个按钮只有 style="visibility: hidden;" 怎么样？

然后您可以访问此按钮并更改样式 document.getElementById("your_button_id").style.visibility = "visible";

或者您可以使用类 document.getElementById("your_button_id").classlist.remove("your_class")，因此您删除了可能隐藏它的 css 类。

...

或“显示：无；” 然后“显示：块；”

推荐阅读