I want to select the p tag and style it within a content class div. Here is the example HTML:
<div class="content">
<p> this is paragraph </p>
</div>
I want to select and style the p which is immediately after the div. The p has no ID or class.
How can I select it via JavaScript?
This can be done using querySelector. You did not specify minimum browser requirement.
var p = document.querySelector(".content p");
p.style.color = "red";
if you can get access to the div, you can use
var ps = divObject.getElementsByTagName('p'); //ps contains all of the p elements inside your div
var p = ps[0]; //take the first element
You can use querySelector
document.querySelector('.content p').style.color = 'red';
getElementsByClassName is not available in IE8, so querySelector has better support
querySelector works in IE8 and above.
to style
tag use it normally as you do in the style tag or if you use a separate css file. Have a look at this fiddle it might help you
p{
background-color: cyan;
}
<p>is not 'after' the<div>.