Skip to content

Instantly share code, notes, and snippets.

@aashishrbhandari
Last active July 29, 2020 11:27
Show Gist options
  • Save aashishrbhandari/68be8d75a5e9f98c1dd0597bb1b58abb to your computer and use it in GitHub Desktop.
Save aashishrbhandari/68be8d75a5e9f98c1dd0597bb1b58abb to your computer and use it in GitHub Desktop.
Project:
Title: Remove Element Containing Specific Sub-String in class or id using Vanilla JS
Link: https://jsfiddle.net/Asharry97/a8s4w9zu/
Quick hack
------------
Getting All Keys & Values of a JSON
oneRow = { "name": "ashish", "age": 10, "description": "Description Details", "specs": "specs details" }
var valueList = []
for(var oneKey in oneRow){
valueList.push(oneRow[oneKey]);
}
console.log(valueList)
Replace Content on HTML page (like a String Replace) using JS
--------------------------------------------------------------
Example taken as coronavirus
Simple Text Replace
document.body.innerHTML = document.body.innerHTML.replaceAll(/coronavirus/gi, '#############' );
Advance Example: Replace it with anything
--------------------
indiaImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAIAAACR5s1WAAAEQklEQVR4Ab1YRZQbSQytsvt56G07zMzMjJdlOGZvuS3OcXl9D999fwun3BbDzMzMzMkwOoqe6x9K0cTtDLReW6WW1K2vXzJ1QEQmL8+fP29tbc3lcqbrJZlMBkHQvXt3dxq45c6dO4zAxCt1dXWDBg0CiHv37jGCiiBX+uJCSc0NMsYaQ0SsSVxFHIAQXp7odFJ14Wl+Z0RD9wn1rYZLDxgwwD579qyqqqo0ket34CfTXIeLrbwFbE+/KYprEZBROGGmKu4vyTZREIZhwu1CSdVlIBCdKYmM2mgPpLm25MUFXhsbGxNuEsuenhB4ye+DNKNYtJCySIch5U+Osm5ubk7o28g+VCO2HUxE0JLwapNTsOEm1ZmYymieNBMahEpQQu0YFRs1SaRBIKA4EO3CQ+pNKK5S+RCRr5hQgjyrqLDF9U1FzxNJEDhHr6T3XnYJS+foviMmRg9mwWyKmDLlaZtLih5MgsbBClrNPOzi56NADwHWit6m+7A3N6YpifBrj4SLohLEiPfNnC9NzPL4hqnDdnRIbt2q5sN0TNoPYvXqA598sj6bPZ7NHvv44/WrVh2IG8SiRX8uWjTo33+XVVZOr6yc8d9/y/h0wYI/4gEBDlatWsLGqVOP+bh5s4q1MbRmzdKVK/fFBOKff64uXjw4nS45ffrRv/9e+fPPc2yk06Xs/Pvvqx0BQcVPIjPP3d+8Wb179x3W7GGjqqqRbcbBut0grHkbsdYyE4BPooE4mBgyJNy9+zbrbt1KFi8exAYfbPB2DB0anjr1kLV5SwnaAfzTT0cyDqZj8uQ+XDudTrHm7WAnb4cpUtC5bSeIX3+dv2DB75nMAiYgvyk0dGh6167bP/+8Y//+5ZwQBxMs+/YtX7lyP78hXesnTz5iQEAQCwhIJjOfD34vOCbgjRcERI9h+0H8uj3zouq8mxNoMTuEP1cWGm9LZHg2UT4Kv817cANk4kbs79l90vdz13lM5Bq31dwu9DuJSDoJL4S0n1ATHt8H8/NwlPicIHeQ0+Q0CpBziB+fLhNRVMWl8KMeoq4A4SKE9UygBGKwSf/1IeEQNmliNG3KDyYEGYAj+5Zdog65HPIAAyIVZgUZpJlosznFBArKbAsbfvE/JYIVOROIiZlAH17DiqE2J8OIOZAzBA9yFROI2tdnwpI3+XoyVJSkH2L9KDIkE0AN+HImoIHIZwgWorCIDeHXrCDsoQCIHskSki36Gi8LjSzZEKroydD/FS2iPZMpgOCnebzM7zvP3wM1H95kYEuxSm7An+dHFhaBlxb2W8hnJSUliSAI2Jo87JNRpgQ4cD/5TxC3keRHfGhKVgAd9hhTOmX4Zw6EJSL3EJNa64/c2Lr11saEtQV/gxAr+T2CqMojg1Qfjc3Ryw+GfjRr2Hs2KGcK+FGmobzcvXv3euzCRV11DCY/0QzDMJVKmViEC3E5LupOXwE858+Q8yt62AAAAABJRU5ErkJggg=="
document.body.innerHTML = document.body.innerHTML.replaceAll(/coronavirus/gi, `<img src=${indiaImage} />` );
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment