HTML becomes much simpler with VanillaHTML.JS.
VanillaHTML.JS only has a couple lines of code and all it does is execute a function for each selected element. There is only one step:
- register a callback function with a selector
the callback function will be calln having the element assigned under "this".
html("span", function() {
this.innerHTML = "hello world!";
});
//add an additional element after 1 second
setTimeout(function() {
document.body.appendChild(document.createElement("span"));
}, 1000);<!DOCTYPE html>
<html lang="en">
<head>
<script src="vanillahtml.js"></script>
<script>
html("span", function() {
this.innerHTML = "hello world!";
});
setTimeout(function() {
document.body.appendChild(document.createElement("span"));
}, 1000);
</script>
<title>Document</title>
</head>
<body>
<span></span>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<script src="vanillahtml.js"></script>
<script>
html("span", function() {
this.innerHTML = "hallo";
});
setTimeout(function() {
document.body.appendChild(document.createElement("span"));
}, 1000);
</script>
<title>Document</title>
</head>
<body>
<span>hello world!</span>
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<script src="vanillahtml.js"></script>
<script>
html("span", function() {
this.innerHTML = "hallo";
});
setTimeout(function() {
document.body.appendChild(document.createElement("span"));
}, 1000);
</script>
<title>Document</title>
</head>
<body>
<span>hello world!</span>
<span>hello world!</span>
</body>
</html>