求助原生js代码通过div id获取它的结点textarea

 <script>
var content;//输入框内容
var pid=function click_id(obj){
    //alert(obj.id);
    return obj.id;
};
</script>
这是我的html 布局代码。
<div class="wrapper" onclick="pid(this)" id="pid_"+${pid}>
        <div id="focus" style="display:none">
          <form action="" >
            <textarea class="" value=""></textarea>
            <input type="submit" value="请输入内容"/>
          </form>
        </div>
</div> 我想要通过 pid 获取textarea结点,并将文本框里输入的内容 传递给js的content

${pid}位置放错了

 <script>
    var content;//输入框内容
    var pid = function click_id(obj) {
        var ta = obj.getElementsByTagName('textarea')[0]
        alert(ta.value)
        return ta.value;
        //return obj.id;
    };
</script>
<div class="wrapper" onclick="pid(this)" id="pid_${pid}" >aa
    <div id="focus" style="display:none">
        <form action="">
            <textarea class="" value="">aaa</textarea>
            <input type="submit" value="请输入内容" />
        </form>
    </div>
</div>

非常感谢老师的回答啊！上面的代码不是完整的，所以还有要向老师请教的！我期望在点击提交按钮后。将文本框内容赋值给js里的content变量。这是我的具体代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html-js-css
$(function(){ $(".hf").click(function(){ var focus = $(this).parents(".wrapper").find("#focus"); if(focus.css("display")=="none") { focus.show();this.innerHTML = "收起"; }else { focus.hide(); this.innerHTML = "回复"; } }); $("form").submit(function(){ var textarea = $(this).find("#textarea"); if(textarea.val()==""||textarea.val()=="请输入内容") { textarea.blur(); return false; } }); }); var content;//输入框内容 var pid = function click_id(obj) { var ta = obj.getElementsByTagName('textarea')[0] // alert(ta.value) return ta.value; //return obj.id; }; //点击提交按钮后将文本框的内容赋值给content function submitPost() { //content =文本框的内容 // } #txt{font-weight: bold;}

jquery特效,对点击评论内容回复自动生成文本框的特效代码在线演示 http://www.ablanxue.com

回复2012-02-16 18:36:35

    <div id="focus" style="display:none">
      <form action="" >
        <textarea class="textarea" onfocus="if(this.innerHTML=='请输入内容'){this.innerHTML=''}"  onblur="if(this.innerHTML==''){this.innerHTML='请输入内容'}" name="c" id="textarea"></textarea>
        <input type="submit" onclick="submitPost()" value="提交"/>
      </form>
    </div>
</div>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jquery特效,对点击评论内容回复自动生成文本框的特效代码在线演示 http://www.ablanxue.com

回复2012-02-16 18:36:35

    <div id="focus" style="display:none">
      <form action="" >
        <textarea class="textarea" onfocus="if(this.innerHTML=='请输入内容'){this.innerHTML=''}"  onblur="if(this.innerHTML==''){this.innerHTML='请输入内容'}" name="c" id="textarea"></textarea>
        <input type="submit" onclick="submitPost()" value="提交"/>
      </form>
    </div>
</div>

$(function(){
$(".hf").click(function(){

var focus = $(this).parents(".wrapper").find("#focus");
if(focus.css("display")=="none")
{
focus.show();this.innerHTML = "收起";
}else
{
focus.hide(); this.innerHTML = "回复";
}
});
$("form").submit(function(){
var textarea = $(this).find("#textarea");
if(textarea.val()==""||textarea.val()=="请输入内容")
{
textarea.blur();
return false;
}
});
});

var content;//输入框内容
var pid = function click_id(obj) {
var ta = obj.getElementsByTagName('textarea')[0]
// alert(ta.value)
return ta.value;
//return obj.id;
};

//点击提交按钮后将文本框的内容赋值给content

function submitPost() {
//content =文本框的内容 //
}

jquery特效,对点击评论内容回复自动生成文本框的特效代码在线演示 http://www.ablanxue.com

回复2012-02-16 18:36:35

    <div id="focus" style="display:none">
      <form action="" >
        <textarea class="textarea" onfocus="if(this.innerHTML=='请输入内容'){this.innerHTML=''}"  onblur="if(this.innerHTML==''){this.innerHTML='请输入内容'}" name="c" id="textarea"></textarea>
        <input type="submit" onclick="submitPost()" value="提交"/>
      </form>
    </div>
</div>