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

getAttribute

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

【Laravel 】get~Attributeの使い方【わかりやすく解説】

当記事では初級者から上級者まで必ず覚えておきたいアクセサと呼ばれるget～Attributeの使い方について、実際のコードを使用して解説していきます。 get~Attributeを使用すれば、データベースから取得した後のデータを加工して簡単にView（Blade）で表示させたい時に便利です。 「データに一定の処理を加える必要があればget~Attribute」というほど実務でも頻繁に使っているので、ぜひ使い方を覚えておきましょう。 アクセサ(get~Attribue)とは get~Attribue は、データに処理を加えるメソッドです。 例えば、「1」というデータを3桁で「001」 というよう…

#Laravel#getAttribute#アクセサ#わかりやすく解説

ネットで話題

もっと見る
155ブックマークIE の getAttribute / setAttribute: Days on the MoonDOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは、基本的には JavaScript における element[name] / element...nanto.asablo.jp
9ブックマークIEでのgetAttribute,setAttributeのバグjavascript-memo.seesaa.net
7ブックマーク[JavaScript] IE6,IE7のgetAttributeとsetAttributeについて | Blog | Development Referencejavascriptライブラリを作成していて、あれ動かない？と思うとこれが原因の事が未だにあるため、忘れないようにメモしておく。 IE6,7では、getAttribute と setAttribute を使用して、class 属性や style 属性などを操作できないバグ（IEの仕様）がある。 以下、一部の例を記載する。 element.setAttribute("class","○○○...mashimonator.weblike.jp
5ブックマークJavaScript 属性値を取得/設定/削除する(getAttribute) | ITSakuradocument.getElementById("text1").setAttribute("type","属性値"); document.getElementById("text1").setAttribute("value","属性値"); document.getElementById("text1").setAttribute("maxlength","属性値"); 新規の属性の場合は属性自体を追加します。 属性が既にある場合は属性値を変更します。 属性値を取得する(...itsakura.com

関連ブログ

miyohideの日記•8日前

2023年3月20日（月）RailsアプリでJavaScript/axiosを使ってpostリクエストを投げる

RailsアプリでJavaScript/axiosを使ってpostリクエストを投げる axiosを使ってpostリクエストを投げる場合、CSRFトークンも一緒に投げる必要がある。Railsの場合はmetaタグ内に書かれているので以下のように取得して、 const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content'); あとはpostリクエストを投げる。 axios.put('URL', { 更新する項目: 更新値 }, { headers: { 'X-CSRF-Token' :…

よしたろうブログ•10日前

Java と JavaScript の覚書

1. メソッドのシグネチャの引数は、final にする（Java） 2. 排他エラーチェック方法例（Java） 3. DOMの要素にイベントを付与する （JavaScript） 4. 特定のイベント発生後に、さらにイベントを発生させる （JavaScript） 5. 入力欄に最大文字数を入力後に次の項目にフォーカスが自動で移動する （JavaScript） 6. List で受け取った 集合オブジェクトを stream API を使用してフィルタリングを行い、最初の要素を取得（Java） 7. equals() の注意点（Java） 8. Fromタグでマルチなコンテンツ（画像・動画・リクエス…

アルパカノフン•15日前

【Java】マルチスレッド

処理の流れ（使用例） 使用方法（Springでの例） 処理の流れ（使用例） スレッドの処理が終わるまで待機画面を表示し、 スレッドが完了すれば完了画面に遷移する処理の流れ。 使用方法（Springでの例） スレッドの実行側 @Controller public class OfferController { @Autowired OfferService offerLogic; @Autowired HttpSession session; @RequestMapping(value = "/offer", method = RequestMethod.GET) public String h…

LEFログ：学習記録ノート•22日前

Rails 7 の jsbundling-rails (esbuild) で、viewファイルからReactへとデータを渡す方法と、Mount処理を簡単にする方法（props, erb, slim）

結論 こちらのPull Requestとコミット履歴を参考にしてみてください。 Reactを画面に表示できるようにした by lef237 · Pull Request #12 · lef237/quotelist 繰り返し処理を関数にまとめてDRYにした。同じコンポーネントを一つのerb内で複数使えるようにした。 追記（2023-03-24） Reactのエンドポイントの処理を書き換えて、連番でなくても重複が無ければ表示されるようにした by lef237 · Pull Request #70 · lef237/quotelist 更にエンドポイントの処理を便利にしてみました。 解説 Rai…

832.59•1ヶ月前

Railsでのセキュリティリスクとその対策

代表的なセキュリティ攻撃とRailsでの対策を復習 CRSF(クロスサイトリクエストフォージェリ) ログインした状態(セッションIDを維持した状態)を悪用してリクエストすること ログイン後の利用者のみが利用可能なサービスを悪用したり(不正送金や商品購入、退会)、編集可能な情報を改竄できてしまう。 ログインした状態で不正なリンクをクリック。Webサイトを移り(クロス)、ユーザーの要求を偽って(フォージェリ)、悪意のあるリクエストが送信される 対策 GET/POSTを正しく使うこと GETは情報読み出し、POSTは状態変化や何らかの作用を伴う操作 GET以外のリクエストにはセキュリティトークンを使…

rfriendsでラジオ録音•1ヶ月前

xpathを使ってNHKゴガク「小学生の基礎英語」のデータを抽出する方法

dom,xpathを使ったデータ抽出について説明する。 １．「小学生の基礎英語」のWEBページ 小学生の基礎英語の2月第１週を例に説明する。 WEBページ https://www.nhk.or.jp/gogaku/basic0/202302/1/ より関係個所のhtmlのソースを抜粋する。 これを見ると３つのデータがあることがわかる。 div classに注目すると、divタグでclassがnol_audio_playerを探せばいい。また、タイトルはdata-title、m3u8データはdata-hlsurlで得られることがわかる。 <div class="nol_audio_player"…

意匠部•1ヶ月前

チャレンジ石垣島制作秘話「ライトモード／ダークモードでファビコンを切り替える」編

こんにちは！ 意匠部のおばらです。 今回はファビコンに関する記事です。 「チャレンジ石垣島」ウェブサイトではファビコンを OS やブラウザの外観モード（ライトモード／ダークモード）に応じて（一部の環境を除き）切り替えています。 今回はそのロジックをご紹介します。 （ロゴの制作秘話に関しては前回の記事を御覧ください） 目次 目次 ファビコンを設定する ライトモード向けのファビコンがダークモードで見づらい メディアクエリでファビコンの見た目を切り替える 方法 ①「SVG 内に記述した CSS で切り替える」 SVG を作成する SVG をテキストエディタで開く <style> タグで CSS を追…

身長191cmエンジニアのブログ•1ヶ月前

Next.jsでmarkdownを使う

引き続きNext.jsをちまちまいじっています。 このブログを移行することを取り急ぎの目標にして作成中です。 ブログなのでmarkdown使えるようにしたら色々楽だろうということで今週その辺りを作っていました。 markdown関連のライブラリ markdownをHTMLに変換するライブラリは数多くあります。 代表的なところで言うとmarked, markdown-it, remark辺りでしょうか。 ちなみに最近ではmarkdownとJSXを組み合わせたMDXというものもあるとチームのメンバーから教えてもらいました。 これを使えばmarkdown中でReactのコンポーネントを使うことができ…

新しいことにはウェルカム•1ヶ月前

puppeteerの使い方メモ

以前、SeleniumとPlaywrightの比較のため両方を検証していました。せっかく使い方を覚えたので、また必要になった時にすぐに思い出せるよう下記記事に簡単に使い方をまとめました。 元々クローラーとしてpuppeteerを使っていたので、Selenium・Playwrightをまとめたのなら、puppeteerは外せないでしょということで、ここにpuppeteerの使い方を簡単にまとめてみることにしました。 ただ、SeleniumとPlaywrightを検証した結果、今はPlaywrightをメインで使っています。なので、通常使いの向けの網羅的なまとめではなく、puppeteerのお作法…

かもメモ•1ヶ月前

TwiPla から参加者のリストを CSV でダウンロードするやつ作った

Twitter アカウントでイベントとか合同の募集できる TwiPla で参加者が多いと連絡とか進捗管理など大変になるので参加者のリストをサクッとCSV でダウンロードできると便利だよな〜と思い昔スクリプトを描いていたのでこちらにもメモとして残しておきます TwiPla のイベントページから参加者・興味あり・不参加ユーザーのリストを CSV としてダウンロードできるスクリプト ⚠ TwiPla / ブラウザの仕様が変わると動作しなくなる可能性があります gist.github.com 動作確認 Chrome 使い方 TwiPla のイベントページで dev tool を開きコンソールのタブを開…

Shikata Ga Nai•1ヶ月前

A $$$ worth of cookies! | Reflected DOM-Based XSS | Bug Bounty POCを訳してみた

Hello there, ('ω')ノ $$$相当のクッキー！ | | 反映された DOM ベースの XSS | バグ報奨金 POCを。 脆弱性： DOMXSS 記事： https://medium.com/@haroonhameed_76621/a-775-worth-of-cookies-reflected-dom-based-xss-bug-bounty-poc-3e7720c78fbe 今回は Synack Red Team の QR ベースのターゲットで。 脆弱性分析： 主な焦点は、https://redacted.com であるメイン ドメインにあったため。 サブドメインの列挙は行…

新しいことにはウェルカム•2ヶ月前

Playwrightの使い方メモ

最近Playwrightを試していたので、使い方を忘れてもまた思い出せるよう、Playwrightの使い方をメモしておこうと思います。 インストール npm install --save playwright Playwrightをインストールすると、同時にブラウザChromium・Firefox・Webkitもインストールされる デフォルトではPlaywrightから呼び出されるブラウザは、その時にインストールされたブラウザが使われる ブラウザをインストールせずPlaywrightのみをインストールし、ブラウザは別途インストールしたものを使用することも可能 しかし、Playwrightのバー…

st98 の日記帳 - コピー•2ヶ月前

DiceCTF 2023 writeup

あけましておめでとうございます。 2/4 - 2/6という日程で開催された。keymoonさんとチーム _(-.- _) )_ で参加し、33位だった。Web問は相変わらず面白かったけれども、solve数の少ない問題が全然解けず悔しい。unfinishedはあともう一歩で解けそうだという感覚があったので特に悔しい。後で復習したいところ。 作問者のwriteup: https://blog.ankursundara.com/dicectf23-writeups/ https://brycec.me/posts/dicectf_2023_challenges 競技時間中に解いた問題 [Web 11…

vivit engineering blog•2ヶ月前

Shopify Themeで同系色の商品をカラーチップで絞り込む方法案

フロントエンドエンジニアの氏家です。 私は現在、アウトドア用品のセレクトショップ「hinataストア」の運用を行うストアチームで開発をしています。 hinatastore.jp hinataストアは Shopify で構築されており、フロントエンドは Shopify Theme を使用しています。 最近、hinataストアで取り扱う商品が増えてきており、連れ各コレクションに表示する商品数が多くなってしまっています。 そのため、目当ての商品をすぐに見つけられなくなってきました。 そこで、コレクションページに商品の絞り込み機能を追加し、「カラーチップを押すとその色と同系色の商品が絞り込まれる」ため…