Question

我有一些代码要插入或替换为所需的代码集，如果它是空白的。 Javascript或jQuery中的任何方向？

如果html代码等于：

<td id="Display1234"></td>

更改为：

<td id="Display1234">
    <select name="ShippingSpeedChoice" onchange="RecalcShipping(this);" style="">
      <option value="101" selected="">Free</option>
    </select>
</td>

Answer 1

您需要首先获取页面上的所有元素（因为我假设您不知道哪些是空的）。

// need to use Array.prototype.slice because getElementsByTagName
// returns an HTMLCollection and not an Array
var allElementsArray = Array.prototype.slice.call(document.body.getElementsByTagName('*'));

var emptyElements = allElementsArray.filter(function(element) {
  return !element.innerHTML; // returns true for all empty elements
});

我不知道要插入哪些数据，但您可以遍历emptyElements数组;

emptyElements.forEach(function(element) {
  element.innerHTML = 'some content or HTML';
});

Answer 2

尝试将以下内容用于纯JavaScript解决方案：

＆＃13;

var td = document.getElementById('Display1234');

if (td.innerHTML.trim() == ""){
  // Creating the select element
  var select = document.createElement('select');
  select.setAttribute('name', 'ShippingSpeedChoice');
  select.setAttribute('onchange', 'RecalcShipping(this);');
  select.setAttribute('style', '');

  // Creating the option element
  var option = document.createElement('option');
  option.innerText = "Free";
  option.setAttribute('value', '101');
  option.setAttribute('selected', '');
  
  // Appending elements to td element
  select.appendChild(option);
  td.appendChild(select);
}

＆＃13;

<table>
  <td id="Display1234"></td>
</table>

＆＃13;

Answer 3

$('#Display1234').html('your html');

Answer 4

input >> asterisk >> label;
std::vector<unsigned int> numbers;
unsigned int value;
while (input >> value)
{
  numbers.push_back(value);
}

Answer 5

＆＃13;

window.addEventListener("DOMContentLoaded", function(){
  var theCell = document.getElementById("Display1234");
  if(theCell.textContent.trim() === ""){
  theCell.innerHTML = '<select name="ShippingSpeedChoice" onchange="RecalcShipping(this);" style="">     <option value="101" selected="">Free</option></select>'
  }
});

＆＃13;

<table>
<tr>
  <td id="Display1234"></td>
  <td id="other1">something</td>
  <td id="other2">something else</td>
</tr>
</table>

＆＃13;

如何用javascript替换空的html标签？

5 个答案: