ＨＴＭＬを部分的にしか編集できないため、
編集可能なフッターにJAVAScriptを設置して
特定の文字列を削除したい（見えなくしたい）と思っています。

<body>

<div><span><a>bbbbbb</a></span></div>

<div><span><a>cccccc</a></span></div>



<footer>
<sprict>

～～～ここに設置～～～

</script>
</footer>

</body>

サイトにアクセスした直後に、
ccccccを消す、もしくは見えなくしたいです。

また、タグにIDなどがないため、Xpathで指定？？と思っていますが、
クラスを指定せず、文字列だけを指定して
削除、もしくは見えないようにすることは可能でしょうか。

行動規範の内容に同意します

回答3件

ベストアンサー

大雑把にやってよいなら、

js
1document.body.innerHTML = document.body.innerHTML.replace("cccccc","");

これではダメなら、全部のノードをなめて置換するという、そこそこ面倒なことをしないといけないと思います。

まさかBAになるとは思っていなかったのであわてて追記

色々問題が起きる可能性があると思うので、↓こっちがいいと思います。

js
1function test(node){
2  if (node.nodeType === Node.TEXT_NODE){
3    return node.nodeValue = node.nodeValue.replace("cccccc","");
4  }
5  return node.childNodes.forEach( test );
6}
7test(document.body);

投稿2019/09/20 09:48

編集2019/09/20 09:58

Lhankor_Mhy

総合スコア36930

sphy

2019/09/20 09:55

シンプルでわかりすいです。ありがとうございます。

行動規範の内容に同意します

JavaScript
1document.querySelector('div+div').remove();

https://developer.mozilla.org/ja/docs/Web/API/ChildNode/remove

投稿2019/09/20 09:32

x_x

総合スコア13749

ＨＴＭＬが編集できない

のであれば、何もできません。
何なら編集できるか明示したほうがよいでしょう。
（CSSやJSならいけるとか・・・）

sample

javascript
1<body>
2<div><span><a>bbbbbb</a></span></div>
3<div><span><a>cccccc</a></span></div>
4<div><span><a>dddddd</a></span></div>
5<footer>
6<script>
7window.addEventListener('DOMContentLoaded', ()=>{
8  [].forEach.call(document.querySelectorAll('div span a'),x=>{
9    if(x.textContent=="cccccc"){
10      x.style.display="none";
11    };
12  })
13});
14</script>
15</footer>