Hatena Blog Tags
はてなブログ トップ
DOMParser
このタグでブログを書く

DOMParser

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
saiko memo•2 か月前

非同期で取得したデータがIE11で文字化けする場合の対処法

axiosでデータを取得後にDOM操作を行おうとしたところ、IE11のみ文字化けする事例があったのでメモ。 発生状況 axios: v0.21.1 IE11 Chrome, Firefoxでは起きず 以下のようにresponseType: 'document'を指定して取得したところ、IE11のみ文字化けが発生。 axios.get( '取得したいデータのURL', { responseType: 'document' } ) .then( res => res.data ) .then( data => { console.log( data ); // IEで文字化けする } ); 取得し…

#JavaScript#非同期処理#axios#DOMParser

関連ブログ

R-Hack（楽天グループ株式会社）•3 か月前

Rails環境にESlintとSaddlerでassets/javascriptsを自動でチェックさせる仕組みを作った話

こんにちは、ラクマのKeitaです。 Webアプリケーションでは実装初期にフロントエンド周りの設計やコーディングルールの取り決めをしなかったことによりレガシーとなってしまったJavaScript達に目を向けなければならない時があると思います。 今回はそんなレガシーなJavaScript達と向き合うために作った仕組みについて書いていきます。 www.wantedly.com 肥大化してしまったレガシーJavaScript達を１ファイルずつ確認して直していくのは流石に大変なので、まずはレガシー化が進行しないようにする仕組みを作る必要がありました。 やったこと git diff から追加 / 変更し…

備忘録•3 か月前

はてなブログで更新日時を表示する方法

Ⅰ. はじめに タイトルの通り「はてなブログで更新日時を表示する方法」です。 Ⅱ. やり方 1. 以下プログラムを「設定」→「デザイン」→「カスタマイズ」→「記事」→「記事下」に貼り付ける <script> async function getUpdatedAt () { const createdAt = new Date(document.getElementsByClassName('updated')[0].getAttribute('datetime')) const createdYear = createdAt.getFullYear() const createdMonth =…

yubessy.hatenablog.com•5 か月前

IndexedDB でつくる連珠棋譜検索

連珠というゲームをご存知でしょうか？ 連珠 - Wikipedia 簡単に言えば五目並べのルールを競技として成立するように整えたもので、次のようなことが定められています。 15x15の盤を使う 黒 (先手) のみ三三・四四・長連が禁手になり打つことができない 上級者向けに、序盤の均衡を保つため着手に制約を設ける開局規定が存在する 昨今の世情により自宅で過ごすことが増えた結果、私はなぜかこのゲームにドハマりしてしまい、こんな記事を書いています。 連珠の序盤事情 連珠は序盤の比重が極めて大きいゲームです。例えば序盤3手までのこの局面、 「花月」と呼ばれる作戦ですが、実は白が4手目をどこに打っても黒…

うしブログ•6 か月前

リストの値にスライダーを吸い付かせる+ラベルを数式表示（CAS利用版）

（ご注意） 本記事で紹介する情報は、web版GeoGebra（クラシック6）にのみ有効です。ローカル版GeoGebraではうまく機能しません。また、記事公開後のGeoGebraのアップデートにより、正常に機能しなくなる可能性があります。あらかじめご了承ください。 課題 スライダーaを、最小値-1、最大値1、増分0.001で作成する。 リストlist1を、以下の定義で作成する。 list1 = Sort(Join({{1 / 2, sqrt(2) / 2, sqrt(3) / 2, -1 / 2, (-sqrt(2)) / 2, (-sqrt(3)) / 2}, Unique(Flatten(Z…

うしブログ•6 か月前

スライダーを特定の値に吸い付かせ、ラベルのルート（や分数）表記を可能にする

（ご注意） 本記事で紹介する情報は、web版GeoGebra（クラシック6）にのみ有効です。ローカル版GeoGebraではうまく機能しません。また、記事公開後のGeoGebraのアップデートにより、正常に機能しなくなる可能性があります。あらかじめご了承ください。 課題 スライダーaを、最小値-1、最大値1、増分0.001で作成する。 リストlist1を、以下の定義で作成する。 list1 = {1 / 2, sqrt(2) / 2, sqrt(3) / 2, -1 / 2, (-sqrt(2)) / 2, (-sqrt(3)) / 2} スライダーaを動かして、list1の値付近に近づいたとき…

うしブログ•6 か月前

（web版GeoGebra限定）スライダーの情報を取得するJavaScript関数

//スライダーの情報を取得（戻り値eval済み） function getSliderInfo(name) { //xmlデータを取得 var xmlStr = ggbApplet.getXML(name); //DOMにパース var parser = new DOMParser(); var dom = parser.parseFromString(xmlStr, "text/xml"); //sliderタグ内の情報を取得 var sld = dom.getElementsByTagName('slider'); //オブジェクトがスライダーでない場合、undefinedを返して終了 i…

My tech diary•9 か月前

URL 一覧を Markdown リンク一覧に変換する

一時的に取っておいた URL 一覧を見やすい Markdown の形に変換したいというニーズが生じたため、サクッと行いました。 基本的には References に挙げた Gist を参考にさせていただきました。 ただ、元コードが CORS 制限回避のため crossorigin.me という proxy ツールを使っていたんですが、こちらのサービスサイト (https://crossorigin.me/) がドメイン切れを起こしていたため、代替として CORS Anywhere というツールを使うように変更しました。 モダンブラウザで新規 blank タブを開いた状態で DevTools を…

うならぼ•10 か月前

国立国会図書館のAPIで書誌情報を検索してみた話

書名や著者名に対する読み仮名の情報を揃えたくなったので、国立国会図書館のAPIで検索してみた。 国立国会図書館のAPI APIのご利用について « 国立国会図書館サーチについて いくつか種類があるが、今回使うのはSRUというプロトコル。検索用API3つの中では最も高機能で、前方一致や完全一致、ソート順の指定などもできる。検索対象のフィールドとしてはタイトル、著者、出版社、NDC分類、ISBN、出版年などが使える。 GETでXMLが落ちてくるので、例えば https://iss.ndl.go.jp/api/sru?operation=searchRetrieve&recordPacking=xm…

UGA Boxxx•昨年

【Gulp】gulp4.0ではremove-svg-propertiesが使えない

Gulpを使ってsvgスプライトを作っていたが、Gulpのバージョンを4にあげたところ以下のエラーが発生した ReferenceError: primordials is not defined 原因の一つがremove-svg-propertiesで、以下の記事によるとgulp4.0の場合はgraceful-fs@3系は使えないが上のライブラリはアップデートがされていないとのこと https://hepokon365.hatenablog.com/entry/2019/10/31/022524 remove-svg-propertiesはsvg自体についているfillを削除するライブラリで、…

((７回目の出直し🌼))•昨年

はてなブログのサイトマップを全部バラバラに登録してみる

はてなブログを定点観測と次の打ち手 前回、サイトマップインデックスがsitemap_index.xmlだと分かりましたが、それをGoogle Search Consoleに登録したところで、何も変わっていません。 まったく、どうなってるんや。 ということで、2020年6月はサイトマップを個別にバラバラに登録する大作戦に変えて、様子をみることにします。

リモートで働くプログラマーの検索結果•昨年

javascriptでhtmlの文字列をパースしてimgタグのsrcを抜き出す

以下のような感じでsrcの中を取得する const text = "<img src='http://example.com/image.png'>テスト画像" const parser = new DOMParser(); const htmlDoc = parser.parseFromString(text, 'text/html'); const img = htmlDoc.querySelector('img') if (img) { console.log(img.src) } これを実行すると http://example.com/image.pngとlogに出力される