JavaScript — изменить весь текст на странице с помощью innerHTML

Question

JavaScript — изменить весь текст на странице с помощью innerHTML

Я хочу изменить весь текст на странице, который получил значение «Да». Как я могу изменить все значения «Да» на странице?

Я просто хочу, что если значение текста = «Да», то это должно быть заменено на <span class='ic ic-normal ic-icon-yes'></span>

Это мой текущий код:

<?php
$_helper = $this->helper('catalog/output');
$_product = $this->getProduct()
?>
<?php if($_additionalgroup = $this->getAdditionalData()): ?>
<section id="additional">
<div class="box-collateral box-additional">
<h2><?php echo $this->__('Additional Information') ?></h2>

<?php $i=0; foreach ($_additionalgroup as $_additional): $i++; ?>
<h3><?php echo $this->__( $_additional['title'] )?></h3>
<table class="data-table" id="product-attribute-specs-table-<?php echo $i?>">
<col width="25%" />
<col />
<tbody>
<?php foreach ($_additional['items'] as $_data): ?>
<?php $_attribute = $_product->getResource()->getAttribute($_data['code']);
if (!is_null($_product->getData($_attribute->getAttributeCode())) && ((string)$_attribute->getFrontend()->getValue($_product) != '')) { ?>
<tr>
<th class="label"><?php echo $this->htmlEscape($this->__($_data['label'])) ?></th>
<td class="data"><?php echo $_helper->productAttribute($_product, $_data['value'], $_data['code']) ?></td>
</tr>
<?php } ?>
<?php endforeach; ?>
</tbody>
</table>
<script type="text/javascript">decorateTable('product-attribute-specs-table-<?php echo $i?>')</script>
<?php endforeach; ?>

</div>
</section>
<?php endif;?>

Текст внутри td-класса загружается динамически.
У элементов нет уникального идентификатора.

Как мне этого добиться?

1

html innerhtml javascript php php-5.5

Решение

Другие решения

Чтобы изменить текст «Да» в каждый внутренний HTML из теги в <body> с <span class='ic ic-normal ic-icon-yes'></span>:

var body = document.getElementsByTagName("body");
var children = body[0].children;
for(var i = 0; i < children.length; i += 1) {
var regex = new RegExp("Yes", 'gi');
var newString = children[i].innerHTML.replace(regex, "<span class='ic ic-normal ic-icon-yes'></span>");
children[i].innerHTML = newString;
}

демонстрация

1

Если я правильно читаю, вы нацеливаетесь на элемент с идентификатором, так что должен менялся только один предмет. Если вы предназначались для массива элементов, выбранных классом. Проверять, выписываться эта скрипка

  var yes_divs = document.getElementsByClassName('yes');
for (var i = 0; i < yes_divs.length; i++) {
yes_divs[i].innerHTML = 'yes';
}

0

Если ваш код загружается динамически в зависимости от действия, вы можете попытаться выполнить ваш скрипт в секунду, например:

window.setInterval(function(){
document.getElementById("Yes").innerHTML = "<span class='ic ic-normal ic-icon-ja'></span>";
}, 1000);

Проверено: https://jsfiddle.net/dccom5Lv/

0

Источник

Accepted Answer

Если я правильно понимаю вашу проблему, вы хотите изменить все элементы, содержащие текст, равный «Да» с некоторым шаблоном. Попробуйте этот скрипт для достижения этого:

$('*').filter(function() {
return $(this).text()=='Yes'
}).each(function() {
this.textContent = "<span class='ic ic-normal ic-icon-yes'></span>"});

Или в чистом Javascript:

var allElements = document.body.getElementsByTagName("*");
for(var i = 0; i < allElements.length; i++) {
var text = allElements[i].innerHTML;
if (text == 'Yes') {
allElements[i].innerHTML = "<span class='ic ic-normal ic-icon-yes'></span>";
}
}

2