html点击文本,HTML5文本/ textarea的点击文本

这里有一种方法可以让textarea的某些内容可点击。 这里我们没有使用textarea。相反，我们使用contentEditable = true的div。然后我们改变div的样式，使它看起来像一个文本区域。 现在用JavaScript可以用锚标签替换DIV中的话..

#editableDiv {

-moz-appearance: textfield;

-webkit-appearance: textfield;

background-color: white;

background-color: -moz-field;

border: 1px solid darkgray;

box-shadow: 1px 1px 1px 0 lightgray inset;

font: -moz-field;

font: -webkit-small-control;

margin-top: 5px;

padding: 2px 3px;

width: 398px;

}

This is a paragraph. It is editable. Try to change this #text. click here

Click here to change the content

function displayResult() {

var x = document.getElementById("editableDiv").innerHTML;

var m = x.replace("#text", "replaced text");

document.getElementById("editableDiv").innerHTML = m;

}

在JavaScript代码，而不是#text你可以使用正则表达式上面还