xxxxxxxxxx
const element = document.getElementById('id');
//or
const element = document.querySelector('#id');
xxxxxxxxxx
function myFunc(variable){
var s= document.getElementById(variable);
s.value = 'New value'
}
xxxxxxxxxx
function changeColor(newColor) {
var elem = document.getElementById('para');
elem.style.color = newColor;
}
xxxxxxxxxx
function changeColor(newColor) {
var elem = document.getElementById('para');
elem.style.background-color = newColor;
}
xxxxxxxxxx
// Save a reference to the element with id 'demo':
const demoElement = document.getElementById('demo');
xxxxxxxxxx
<h1 id="demo">Default Text</h1>
<script>
function demoFunction()
{var div = document.getElementById("demo")
div.textContent = "New Text"
}//Add what ever element property after the dot. Such as textContent or style.width.
//example
</script>
xxxxxxxxxx
let variableName = document.getElementById('#Id_name_you_gave_the_element');