Question

这是我的按钮，他工作得很好，但他很丑......：

＆＃13;

function MyFunc() {
  var MyDiv = document.createElement("div");
  document.getElementById("MyBody").appendChild(MyDiv);
  var MyButton = document.createElement("input");
  MyButton.id = "Mybuttonid";
  MyButton.className = "Mybuttonclass";
  MyButton.setAttribute("value", "open");
  MyDiv.appendChild(MyButton);
}

＆＃13;

#Mybuttonid {
  padding: 2pt;
  display: block;
  width: 100%;
  text-align: center;
  border-style: none;
  border-bottom-left-radius: 10pt;
  border-bottom-right-radius: 10pt;
  background-color: rgba(59, 59, 59, 1);
  color: rgba(255, 255, 255, 1);
  font-family: Arial, sans-serif;
  font-size: 15pt;
  cursor: pointer;
  outline-style: none;
}

＆＃13;

<html>

<head>
</head>

<body id="MyBody">
  <script>
    MyFunc();
  </script>
</body>

</html>

＆＃13;

我想删除单击按钮时停留的插入栏

我会尝试放置图片.... The Image...

Answer 1

您还需要添加属性type="button"。

function MyFunc() {
  var MyDiv = document.createElement("div");
  document.getElementById("MyBody").appendChild(MyDiv);
  var MyButton = document.createElement("input");
  MyButton.id = "Mybuttonid";
  MyButton.className = "Mybuttonclass";
  MyButton.setAttribute("value", "open");
  MyButton.setAttribute("type", "button");// added line
  MyDiv.appendChild(MyButton);
}

MyFunc();

#Mybuttonid {
  padding: 2pt;
  display: block;
  width: 100%;
  text-align: center;
  border-style: none;
  border-bottom-left-radius: 10pt;
  border-bottom-right-radius: 10pt;
  background-color: rgba(59, 59, 59, 1);
  color: rgba(255, 255, 255, 1);
  font-family: Arial, sans-serif;
  font-size: 15pt;
  cursor: pointer;
  outline-style: none;
}

<body id="MyBody">
</body>

删除我的js按钮中的插入栏

1 个答案: