textarea中的JavaScript字符串替换

我正在尝试创建一个简单的页面来“更正”YouTube的旧嵌入代码，以便它在PowerPoint 2010中工作。如果我将嵌入代码硬编码到页面上的文本区域中，效果很好，但是如果用户将嵌入代码粘贴到文本区域中，javaScript似乎无法运行

请看这里：

以下是我目前掌握的情况：

<p>Click the button to "fix" the old embed code</p>

<textarea rows="10" cols="60" id="demo"></textarea>
<br/>

<script>
function myFunction()
{
var str=document.getElementById("demo").innerHTML; 
var n=str.replace(/\/\/www.youtube/g,"http://www.youtube").replace(/version=3/g,"version=2");
document.getElementById("demo").innerHTML=n;
}
</script>

<button onclick="myFunction()">Try it</button>

单击按钮“修复”旧的嵌入代码



函数myFunction（）
{
var str=document.getElementById（“demo”）.innerHTML；
var n=str.replace（/\/\/www.youtube/g，“http://www.youtube替换（/version=3/g，“version=2”）；
document.getElementById（“demo”）.innerHTML=n；
}
试试看

谢谢你的帮助

var str=document.getElementById("demo").innerHTML; 

---

您应该使用

.value

而不是

.innerHTML

您应该使用

value

而不是

innerHTML

function myFunction2()
{
var str=document.getElementById("demo2").value; 
var n=str.replace(/\/\/www.youtube/g,"http://www.youtube").replace(/version=3/g,"version=2");
document.getElementById("demo2").value=n;
}

---

将文本区域放在表单标签内

然后使用

var str=document.getElementById("demo").value; 

        // hope this would be usefull
        // i used these codes for auto completing the texts in textarea.
        // other methods change all matching items before the selected text
        // but this affects only the text where caret on.
        // at first, i divided textarea.value into 3 pieces. these are ;
        // p1; until the 'searched' item, p2 after 'searched' item
        // and pa = new item that will replaced with 'searched' item
        // then, i combined them together again.

        var tea = document.getElementById(targetTextArea);

        caretPosition = tea.selectionStart - ara.length; //ara=searched item
        p1 = tea.value.substring(0,caretPosition);
            console.log('p1 text : ' + p1);
        p2 = tea.value.substring(caretPosition+ara.length,tea.value.length);
            console.log('p2 text : ' + p2);
        pa = yeni;  //new item
            console.log('pa text : ' + pa);

        tea.value = p1 + pa + p2;

        tea.selectionStart = caretPosition + yeni.length;
        tea.selectionEnd = caretPosition + yeni.length;

        tea.focus();