var element = document.getElementById("YourElementId");
var value_element = document.getElementById("YourElementId").value;
var element = document.getElementsByTagName("div")[0];
var id = element.id;
// Get the ID from Element
let element = document.getElementById('elementId')
console.log(element.id) // Get the ID
// Get value from input Element
let element = document.getElementById('elementId')
console.log(element.value) // Get the value
element = document.querySelector("#id");
$(this).attr('id'); // for id
$(this).attr('class'); // for class
// this can be any element you have obtained
<area id="nose" onmouseover="zoom(this);" />
<script>
function zoom(ele) {
var id = ele.id;
console.log('area element id = ' + id);
}
</script>
async function test (){
document.body.innerHTML = await "<foo id='successGetID'>Hello Wolrd</foo>";
var init = await document.getElementsByTagName("foo")[0].id;
alert( init );
}
test();