Saxo Grammaticus
Saxo Grammaticus
Programming language:CSS
2021-03-26 02:29:10
4
Q:

css DOM button

Megs
Megs
Code: CSS
2021-02-09 16:55:01 
//Directly taken from https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_pushbutton_create
<body>
<p>Click the "Try it" button to create a BUTTON element with a "Click me" text.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  var x = document.createElement("BUTTON");
  var t = document.createTextNode("Click me");
  x.appendChild(t);
  document.body.appendChild(x);
}
</script>
</body>
2
CaptainCookie
CaptainCookie
Code: CSS
2021-04-16 03:32:33 
--------------------------------------
||| My Entire Code Manage Your Self|||
--------------------------------------

// Part One //
function CreateButton() {

var linkbtn = document.createElement("a");
    linkbtn.innerHTML = "Get Account";
    linkbtn.href = "http://example.com";
    document.body.appendChild(btn);
}
// Part One End //

// Part Two //
var btn = document.createElement("a");
btn.innerHTML = "Get Account";
btn.style.color = "#ffffff";
btn.style.padding = "15px 20px";
btn.style.border = "1px solid #ffffff";
btn.style.backgroundColor = "#307cee";
btn.style.borderRadius = "30px";
btn.href = "http://example.com";
btn.style.textDecoration = "none";
btn.style.display = "inline - block";
btn.style.innerHTML = "Underline Removed";
document.body.appendChild(btn);
// Part Two Start //
0

Tags

Related

New to Communities?

Join the community