对象HTMLDivElement在传递html代码到php时出现 - Angular

Question

简要说明：我们在变量中有html代码。我们想使用php传递该代码并将其保存在mysql中。

home.ts边码：

this.divCodesub = document.getElementById(this.selectedDivCodesub);
console.log (this.divCodesub);

console.log中的数据是：

<div id="0"><div id="change_color" class="heading-back context_menu"><div class="row"><div contenteditable="true" class="col-md-12 heading-sec context_menu">Hi there, Im <span contenteditable="true" class="head-clr">STACK</span></div><div contenteditable="true" class="col-md-12 heading-sec context_menu">Smart, simple and responsive.</div></div></div></div>

现在当我们尝试使用php发送时，它不会保存。保存时，它将html代码转换为divCode：[object HTMLDivElement]，此消息在网络中可见。

我们怎么能通过呢？

编辑：1我们如何将变量发送到php，请参阅下面的代码 -

home.ts代码：

让params =

    'divI='+this.list[this.selectedDivCodesub].div_id+'&divCode='+this.divCodesub;
            this._updateSection.callService(api,params).subscribe(data=>{
 ...
});

service.ts代码：

 callService(api,params){
        var headers = new Headers();
        headers.append('Content-Type', 'application/x-www-form-urlencoded');
        return this._http.post(this._url+api,params+"&"+this.randomno,{headers:headers})
               .map((response:Response) => response.json());
    }

Answer 1

使用HTMLElement的outerHTML属性将其转换为字符串。

（打开你的控制台，看它确实是一个字符串）

const div = document.querySelector('div');
console.log(typeof div);
console.log(div.toString());
console.log(typeof div.outerHTML);
console.log(div.outerHTML);

<div class="container">
  LOOK AT ME I'M A DIV
</div>