JSFiddle - React, Tailwind, and code Playground

by JInks Peng

HTML

<div><p>1</p><p>2</p><p>3</p><p>4</p></div>
<div><p>1</p><p>2</p><p>3</p><p>4</p></div>

JavaScript

window.onload = function(){ 
    try{
var paras = document.querySelectorAll('div p:first-of-type');
  for(var i = 0; i < paras.length; ++i) {
    paras[i].setAttribute('style','background-color:#ff0');
  }
    } catch(e) {
  var divs = document.querySelectorAll('div');
  for(var j = 0; j < divs.length; ++j) {
    var ps = divs.item(j).getElementsByTagName('p');
    if(ps.length > 0) {
      ps[0].setAttribute('style','background-color:pink')
    }
   }
  }
}