質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
CGI

CGI(Common Gateway Interface)とは、Webサーバー上でユーザプログラム動作させる仕組みのこと。また、動かす前提のプログラムをCGIと呼ぶこともあります。HTMLなどの静的な情報に限らず、プログラムの処理結果をベースにした動的情報の提供が可能です。

DOM

DOMは、Document Object Modelの略で、HTML文書やXML文書をアプリケーションから利用するためのAPIです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

1回答

1125閲覧

JavascriptのDOMを用いてデコードをしたい

hinanogi

総合スコア18

CGI

CGI(Common Gateway Interface)とは、Webサーバー上でユーザプログラム動作させる仕組みのこと。また、動かす前提のプログラムをCGIと呼ぶこともあります。HTMLなどの静的な情報に限らず、プログラムの処理結果をベースにした動的情報の提供が可能です。

DOM

DOMは、Document Object Modelの略で、HTML文書やXML文書をアプリケーションから利用するためのAPIです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/06/29 09:03

編集2020/06/29 09:08

前提・実現したいこと

HTMLとJavaScriptでDOMを使ってHTMLの内容を修正しています。
Webページ上で日本語を打ち込みレスポンスとして返って来る際にエンコードされて表示される文字をデコードした状態で表示したいです。

該当のソースコード

JavaScript
//div.memoの要素数を取得
var count = document.getElementsByClassName('memo').length;
//要素ノードdivを生成
var newDiv = document.createElement('div');
/*

  • テキストノードの作成
  • 取得した要素のlength(= N)を代入

/
var text = document.createTextNode('メモ'+count+'件');
//div要素の子ノードにテキスト要素を追加
newDiv.appendChild(text);
//body要素の子ノードにdiv要素を追加
document.body.appendChild(newDiv);
//html内のdiv要素を取得
var divs = document.getElementsByTagName('div');
/

  • 取得したdiv要素配列の最後の要素を取り出す
  • 追加したdivの配置を右寄りにする

*/
divs[divs.length-1].style.textAlign = "right";

###その他のソースコード
CGIのソース

入力画面
イメージ説明
入力画面のHTML
イメージ説明
文字が出力される画面。3つめのエンコードされた文字をデコードして表示したい。
イメージ説明
出力される画面のHTML
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

miyabi_takatsuk

2020/06/29 09:20

ソースコードは、 コードブロックを、使って記載して下さい。 ```ここに言語を入力 コード ``` という形式です。
m.ts10806

2020/06/29 09:26

現在のコードにおける問題点は何でしょうか
Lhankor_Mhy

2020/06/29 09:29

「%E3%81%82」を「あ」にJavaScriptで変換したい、ということでいいですか?
guest

回答1

0

Javascriptでパーセントエンコードされた値をデコードするには
decodeURIが使えます。

> decodeURI("%E3%81%82"); 'あ'

ご参考URL: https://www.nishishi.com/javascript-tips/encodeuri.html

投稿2020/06/29 10:57

YakumoSaki

総合スコア2027

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問