DOMノードオブジェクトを文字列に変換する

Quick Edit Pencil
object HTMLScriptElement to string

.toString()、.toSource()、JSON.stringifyなどでオブジェクトを文字列に変換できそうだけどダメだった。

Node.textContentでは要素の中身しか取れないので、
何か親となるオブジェクトを作成し、そこに指定要素のクローン追加し、.textContent か.innerHTMLで文字列として取得する。

<script>
//取得したいスクリプト
var script = document.getElementsByTagName("script")[0];
//取得したスクリプトを複製
var scriptClone = script.cloneNode(true);
//複製したスクリプトを格納する新しい要素
var newElement = document.createElement('dialog');
//新しい要素のインナーHTMLを取得することでstringHTMLScriptElementオブジェクトを文字列に変換する
var stringHTMLScriptElement= modal.innerHTML;
console.log(stringHTMLScriptElement);
</script>

このブログの人気の投稿

カルチャーラジオ 日曜カルチャー「人間を考える 思いを伝えることば」

イメージ
3 月 17 日 日曜   午後8時00分 ～   午後9時00分 「人間を考える 思いを伝えることば」（3） 作家…島田雅彦 「思いを伝えることば」第3回は作家の島田雅彦さん。島田さんは過去の人たち、亡くなった人たちを蘇（よみがえ）らせ登場させるのが小説家だと言います。島田さんは既に亡くなった安部公房、中上健次など多くの作家と交流があり、交わした言葉に影響を受けました。今も夢に出てくるといます。現実の世には存在しない、いわば言語が作り出した世界「あの世」や「時間」など、島田さんの目線から「ことば」についてお話し頂きます。 シェアする 3 月 10 日 日曜   午後8時00分 ～   午後9時00分 「人間を考える 思いを伝えることば」（2） コピーライター…梅田悟司 「思いを伝えることば」第2回は広告制作をはじめ製品開発など幅広く活動しているコビーライターの梅田悟司さんです。梅田さんは自分の思っていること考えていることを言葉にして伝えることが大切で、そのためには自分の「内なる言葉」に目を向け高めることが必要であるといいます。今回は、ことばを生かす仕事に携わっている梅田さんにどうすれば思いを伝えることばを生み出すことができるのか、具体例を交えお話しいただきます。 シェアする 3 月 3 日 日曜   午後8時00分 ～   午後9時00分 「人間を考える 思いを伝えることば」（1） ＜全4回＞ 文筆家・エッセイスト…青木奈緒 「人間を考える 思いを伝えることば」。第1回は文筆家、エッセイストの青木奈緒さんです。青木さんの母方の曾祖父は幸田露伴、祖母は幸田文そして母のたまさんも文筆家として知られています。青木さんは、心を表すのが言葉だといいます。今回は曾祖父の幸田露伴、祖母の幸田文、母のたまさんそして青木奈緒さんと代々伝えられてきた言葉や座右の銘について、その言葉が発せられた背景や込められた思いと共にお話しいただきます。
Read more »

googleのキャシュは廃止されたんだ

https://www.suzukikenichi.com/blog/google-adds-links-to-the-internet-archives-wayback-machine-as-a-cache/ Google検索のキャッシュの代替としてWayback Machineのアーカイブが使われるようになる   投稿日：2024年9月17日   by  Kenichi Suzuki https://www.suzukikenichi.com/blog/cache-search-operator-no-longer-works-in-google-search/ Google、cache:コマンドを廃止。Google検索のキャッシュを完全に見られなくなる   投稿日：2024年9月25日   by  Kenichi Suzuki
Read more »

簡単　らじるらじるの聴き逃し番組、NHKラジオのストリーミングを保存・ダウンロードする方法　2019

イメージ
パソコン初心者でも簡単に保存・ダウンロードできる方法を紹介 ウェブブラウザと１つの無料ソフトだけでダウンロードが可能 パソコンはWindowsでもMacでもオッケー 使用するソフトは古くからある無料のVLC media playerを使います。 目次 ようこそ VLC media player （ ダウンロード ） （ インストール ） ダウンロード・保存の準備 （ m3u8ファイルのURLを取得する方法 ） （ NHKゴガクのm3u8ファイルのURLを取得する方法 ） ダウンロード・保存の実行 （ VLC media playerでストリーミングを変換／保存・名前を付けて任意の場所に保存 ） m3u8ファイルURLをブックマークレットで取得する （ 3mu8ファイルのURLと保存名をリストするBookmarkletの紹介 ） 補足 （ ブックマークレットの中身 ） （ 一括ダウンロード　コマンドラインとFFmpeg ） （ NHKラジオ聞き逃しJSONの取得、語学のxmlの取得 ） ようこそ データ通信料を節約したい。 聞き逃し番組をオフラインで聞きたい。 スマホや携帯プレイヤーに入れて聞きたい。 mp3、mp4でダウンロード。 本記事の内容は私的利用に限ります。 VLC media player （ダウンロード） VLCメディアプレイヤーの公式ダウンロード - VideoLAN VLC media playerダウンロードは窓の杜からも可能です。 「VLC media player」定番の無料メディアプレイヤー - 窓の杜 （インストール） インストール方法は、次の解説サイトをご紹介しておきます。 VLC Media Playerのダウンロードとインストール方法 - ぼくんちのTV 別館 Googleの検索リンクも貼っておきます。 VLC media player インストール方法 - Google 検索 ダウンロード・保存の準備 （m3u8ファイルのURLを取得する方法） ラジオ番組の保存・ダウンロードの肝は個別番組のm3u8ファイルのURLを取得する事です。 取得に特別なアプリは不要です。 インターネットブラウ...
Read more »

書字方向　横書方向変換スクリプト　左書きから右書きへ（コピペ用途）

左横書きを右横書きへ簡易変換します．（コピペ用途） 変換処理はウェブブラウザだけで完了．ネットワーク通信が発生しないので安心．注，複数行の場合は一行になりそう．また，句読点（符号），顔文字の正確な変換は１００％無理っぽ． 変換する文字列（横左方向→） テスト 変換した文字列（←横右方向） 書字方向　横書方向変換スクリプト　HTMLソース JavaScriptコード 変換する値（横左方向→） <form name="form1"> <textarea cols="50" name="textarea1" rows="5" value="1">テスト</textarea> </form> <input onclick="clickBtn1()" type="button" value="変換" /> <input onclick="clickBtn2()" type="button" value="クリア" /> <p>変換した値（←横右方向）</p> <p id="rtl" style="background-color: lightgrey; box-sizing: border-box; color: darkslategrey; line-height: 1.6; overflow: auto; padding: 1rem; text-align: right;"></p> <script> function clickBtn1(){ // 値を取得 const ta1 = document.form1.textarea1.value; const reversed = [...ta1].reduceRight((p, c) => p + c);// 配列に変換し右から左へたたみ込む。 document.getElementById(...
Read more »

memo: ショートカットファイルを直接削除する

ショートカットファイルを直接削除する C:\Users\%USERNAME%\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup （一部カタカナ表示あり） C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp （一部カタカナ表示あり） レジストリから削除する　regedit コンピューター\HKEY_CURRENT_USER\SOFTWARE\Microsoft\Windows\CurrentVersion\Run コンピューター\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run コンピューター\HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Microsoft\Windows\CurrentVersion\Run グループポリシー 「コンピューターの構成」→「Windowsの設定」 ＞light＜ ＞dark＜ ＞night-bule＜ ＞vibrant-ink＜ ＞wed＜
Read more »

エラーを解決　再解析ポイントバッファーにあるタグは無効です。

イメージ
OneDriveで良くあるエラー、PC上で同期が終わらない時や、ファイルやフォルダの移動や削除ができない時に有効。 解決方法はファイル権限の修復。Windowsのファイルシステムを修復します。 ディスクのプロパティの ツール タブから エラーチェック で チェック する 修復が必要なら、修復手順に従えば、ほぼ解決します。 cmdで　chkdsk /r /f　もできるけど、エクスプローラーからディスクのプロパティでするのが簡単。
Read more »

VMWare Playerでホストとゲスト間でクリップボードが共有できない時の対処法

こちらは2015年9月の情報となります。 内容は、物理環境を仮想化した時に起こるVMwareToolsが起動・常駐しない場合( クリップボード共有できない )の対処方法となっています。 VMWare Player（6.0.5） ホストOS：Windows8.1 Pro ゲストOS：windows7 32bit Home Premium※1 ※1.ゲストは既存の物理環境をVMware vCenter Converterで仮想化しVMwareToolsをインストールしたがクリップボードが共有できなかった。 多くの検索結果では.vmxファイルにパラメーターを追記削除する方法が紹介されていますが、.vmxファイルを編集する前に確認していほしいのはゲストでVMwareToolsが常駐しているかどうか。 既存の物理環境を仮想化した場合VMwareToolsを正常にインストールしても常駐しない場合があるそうで、今回のクリップボードが共有できない症状はVMwareToolsが起動（常駐）していないのが原因だった。 ゲストでVMwareToolsが常駐していて、クリップボードの共有ができていない場合は次を試すと良さそうです。 ～.vmxファイルに以下追加して再度起動 isolation.tools.copy.disable = false isolation.tools.paste.disable = false VMwareToolsが起動（常駐）していない場合の対処方法 まず確認したいことはVMwareToolsが常駐しているか確認する。 通常はゲスト起動時にVMwareToolsが起動して常駐するのでタスクバーの通知領域にVMwareToolsのアイコンが表示されている。 常駐していなければ、"C:\Program Files\VMware\VMware Tools\vmtoolsd.exe"を起動すれば良いのだが、右クリックで管理者として実行をクリックしても起動してくれないので、次のコマンドをコマンド プロンプト（DOS窓）で実行することで常駐させる事ができるハズだ。 "C:\Program Files\VMware\VMware Tools\vmtools...
Read more »

ブックマークレット　DOM　ソース変更

javascript: (function() { /*https://www.atmarkit.co.jp/ait/articles/0808/04/news124.html*/ /*https://into-the-program.com/removechild/*/ /*ヘッダのタグを削除*/ var scripts= document.head.getElementsByTagName('script'); let len = scripts.length; for (var i = 0; i < len; i++) { document.head.removeChild(scripts[0]); } var links= document.head.getElementsByTagName('link'); len = links.length; for (var i = 0; i < len; i++) { document.head.removeChild(links[0]); } var style= document.head.getElementsByTagName('style'); len = style.length; for (var i = 0; i < len; i++) { document.head.removeChild(style[0]); } /*クリップボードに保存*/ var clips = document.title; clips += '; '; clips += document.body.querySelector('p.size').textContent; clips += '; '; clips += document.URL; console.log(clips); /*イメージの集合要素を保存*/ var images= document.body.queryS...
Read more »