javascript - Replace string in a element with vanilla JS -


im using jquery script replace text in element. need plain javascript.

how do that?

this script i'm using:

$('document').ready(function(){     $( ".tp-caption.black:contains('.000000')" ).text('.1111111'); }); 

using small polyfill this:

function hasclass(element, cls) {     return (' ' + element.classname + ' ').indexof(' ' + cls + ' ') > -1; } 

you can like:

// elements. var elements = document.getelementsbyclassname("tp-caption"); // iterate each. (var = 0; < elements.length; i++) {     // check if text found.     if (elements[i].innerhtml.indexof(".000000") != -1 && hasclass(elements[i], "black"))         // replace contents.         elements[i].innerhtml = '.1111111'; } 

this replaces whole string. if wanna replace part, use this:

// elements. var elements = document.getelementsbyclassname("tp-caption"); // iterate each. (var = 0; < elements.length; i++) {     // check if text found.     if (elements[i].innerhtml.indexof(".000000") != -1 && hasclass(elements[i], "black"))         // replace contents.         elements[i].innerhtml = elements[i].innerhtml.replace('.000000', '.1111111'); } 

gosh, can way:

// elements. var elements = document.getelementsbyclassname("tp-caption black"); // iterate each. (var = 0; < elements.length; i++) {     // check if text found.     if (elements[i].innerhtml.indexof(".000000") > -1)         // replace contents.         elements[i].innerhtml = '.1111111'; }  // elements. var elements = document.getelementsbyclassname("tp-caption black"); // iterate each. (var = 0; < elements.length; i++) {     // check if text found.     if (elements[i].innerhtml.indexof(".000000") > -1)         // replace contents.         elements[i].innerhtml = elements[i].innerhtml.replace('.000000', '.1111111'); } 

and modern browsers, can use:

// elements. var elements = document.queryselectorall(".tp-caption.black"); // iterate each. (var = 0; < elements.length; i++) {     // check if text found.     if (elements[i].innerhtml.indexof(".000000") != -1)         // replace contents.         elements[i].innerhtml = elements[i].innerhtml.replace('.000000', '.1111111'); } 

Comments

Popular posts from this blog

toolbar - How to add link to user registration inside toobar in admin joomla 3 custom component -

linux - disk space limitation when creating war file -

How to provide Authorization & Authentication using Asp.net, C#? -