How to use getElementById and innerHTML with JavaScript and jQuery

4 Answers

0 votes
<!DOCTYPE html>
<html>
  
<head></head>
  
<body>

<p id="p-id"></p>

<script>

// JavaScript

function set_p() 
{
    var p = document.getElementById("p-id");
    p.innerHTML = "JavaScript";
}
onload = set_p;


/*
run:
  
"JavaScript" text in "p-id"
    
*/

</script>

</body>
</html>

 



answered Jul 29, 2015 by avibootz
0 votes
<!DOCTYPE html>
<html>
  
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
  
<body>

<p id="p-id"></p>

<script>

// jQuery

$(document).ready(function() {
    
   $("#p-id").html("jQuery");
     
});

/*
run:
  
"jQuery" text in "p-id"
    
*/

</script>
</body>
</html>

 



answered Jul 29, 2015 by avibootz
0 votes
<!DOCTYPE html>
<html>
  
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
  
<body>

<p id="p-id"></p>

<script>

// jQuery

 
function set_p() 
{
    $("#p-id").html("jQuery");
}

$(document).ready(set_p);

/*
run:
  
"jQuery" text in "p-id"
    
*/

</script>
</body>
</html>

 



answered Jul 29, 2015 by avibootz
0 votes
<!DOCTYPE html>
<html>
  
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
  
<body>

<p id="p-id"></p>

<script>

// jQuery

function set_p() 
{
    $("#p-id").html("jQuery");
}

$(window).load(function($) {
    set_p();
});

/*
run:
  
"jQuery" text in "p-id"
    
*/

</script>

</body>
</html>

 



answered Jul 29, 2015 by avibootz
...