HTMLElement.spellcheck - グローバル属性のspellcheck属性

2017/10/03

spellcheckは、HTMLElementのプロパティです。HTMLのグローバル属性であるspellcheck属性を反映します。

概要

名前

spellcheck

所属

IDL

[CEReactions] attribute boolean spellcheck;

仕様書

https://html.spec.whatwg.org/multipage/interaction.html#dom-spellcheck

説明

このプロパティはHTMLを反映しています。値についての説明はspellcheck属性の項目をご参考下さい。

チュートリアル

取得、代入、どちらもできます。論理属性のため、値は真偽値で取り扱います。

HTML

<textarea id="hoge" spellcheck="true">SYNCER</textarea>

JavaScript

// HTMLElementを取得
var element = document.getElementById( "hoge" ) ;

取得

var value = element.spellcheck ;	// true

代入

element.spellcheck = false ;	// <textarea id="hoge" spellcheck="false">SYNCER</textarea>

デモ

HTMLElement.spellcheckを取得するデモです。フォーカスした時にスペルチェックで赤線が引かれるか確認して下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
<style>
	textarea { width: 40% ; font-size: 16px ; }
</style>
</head>
<body>
<textarea id="hoge" rows="5" spellcheck="true">appple</textarea>
<hr>
<script>
var element = document.getElementById( "hoge" ) ;

// 代入
// element.spellcheck = false ;

// 取得
console.log( element.spellcheck ) ;
document.body.appendChild( new Text( element.spellcheck ) ) ;
</script>
</body>
</html>