js如何制作简单的发布功能
本文主要和大家分享js如何制作简单的发布功能，主要以代码的形式和大家分享，希望能帮助到大家。
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<style type="text/css">
.showMessage{
background-color: #ccc;
margin-top: 12px;
padding:20px;
border-radius: 8px;
}
</style>
</head>
<body>
<p class="container" style="padding-top:50px;">
<p class="col-md-3 message">
<input type="" class="form-control" name="" id="inpText" placeholder="请输入标题">
<textarea class="form-control" rows="10" style="margin-top: 20px" id="textaText" placeholder="请输入内容"></textarea>
<button class="btn btn-primary" style="margin-top:20px " id="button01">提交</button>
</p>
<p class="col-md-9 mainMessage" id="right">
<p class="showMessage">
<i>模板</i>
<h3 class="MT">标题</h3>
<p class="MC">这里是内容</p>
</p>
</p>
</p>
</body>
</html>js:
<script type="text/javascript">
window.onload = function(){
$('#button01').click(function(){
var inpText = document.getElementById('inpText').value;//获取值
var textaText = document.getElementById('textaText').value;//获取值
var right = document.getElementById('right');
var p = document.createElement('p');//创建一个p
p.className = 'showMessage';
var h3 = document.createElement('h3');//创建一个h3
h3.className = "MT";//设置类名
p.appendChild(h3);//将h3添加到p
h3.innerHTML = inpText;
var p = document.createElement('p');//创建一个p
p.innerHTML = textaText;
p.className = "MC";
p.appendChild(p);
right.appendChild(p);
})
}
</script>观察上面js部分：
var inpText = document.getElementById('inpText').value;//获取值 var textaText = document.getElementById('textaText').value;//获取值
这两行代码不能放到下面代码前面
$('#button01').click(function(){}假设我放在前面，页面加载完成之后就开始执行以下两行代码，会发现获取的值是空的，所以要放在点击函数里面，点击按钮了才开始获取input和textarea里面的值。（这里我假设你在写代码之前没有给这两个标签赋值）；
var inpText = document.getElementById('inpText').value;//获取值 var textaText = document.getElementById('textaText').value;//获取值
还有的话就是创建的三个标签：
var p = document.createElement('p');//创建一个p var h3 = document.createElement('h3');//创建一个h3 var p = document.createElement('p');//创建一个p
一定要加入到HTML的节点当中。
p.appendChild(h3);//将h3添加到p p.appendChild(p); right.appendChild(p);
此外还可以做一个发布后的增删查改。发挥你们的想象力吧。最后~谢谢阅读本文~
Atas ialah kandungan terperinci js如何制作简单的发布功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1393
52
1205
24
Mengapakah Xiaohongshu tidak boleh menerbitkan video karya? Bagaimanakah ia menerbitkan karyanya?
Mar 21, 2024 pm 06:36 PM
Dengan perkembangan pesat media sosial, platform video pendek telah menjadi saluran utama untuk ramai pengguna meluahkan perasaan dan berkongsi kehidupan mereka. Ramai pengguna mungkin menghadapi pelbagai masalah apabila menerbitkan video karya mereka di Xiaohongshu. Artikel ini akan membincangkan sebab yang mungkin menyebabkan penerbitan video Xiaohongshu gagal dan menyediakan kaedah penerbitan yang betul. 1. Mengapakah Xiaohongshu tidak boleh menerbitkan video karya? Platform Xiaohongshu kadangkala mungkin mengalami kegagalan sistem, yang mungkin disebabkan oleh penyelenggaraan atau peningkatan sistem. Dalam kes ini, pengguna mungkin menghadapi masalah tidak dapat menerbitkan video hasil kerja mereka. Pengguna perlu menunggu dengan sabar untuk platform kembali normal sebelum cuba menerbitkan. Sambungan rangkaian yang tidak stabil atau perlahan mungkin menghalang pengguna daripada menyiarkan video hasil kerja mereka di Xiaohongshu. Pengguna harus mengesahkan persekitaran rangkaian mereka untuk memastikan sambungan itu stabil dan
Bagaimana untuk menerbitkan karya di Xiaohongshu Bagaimana untuk menerbitkan artikel dan gambar di Xiaohongshu
Mar 22, 2024 pm 09:21 PM
Anda boleh melihat pelbagai kandungan di Xiaohongshu, yang boleh memberikan anda pelbagai bantuan dan membantu anda menemui kehidupan yang lebih baik Jika anda mempunyai apa-apa yang ingin anda kongsikan, anda boleh menyiarkannya di sini supaya semua orang boleh melihatnya masa, ia boleh membawa keuntungan kepada anda. Ia sangat menjimatkan kos Jika anda tidak tahu cara menerbitkan karya anda di sini, anda boleh menyemak tutorial ini. Anda boleh menggunakan perisian ini setiap hari dan menerbitkan pelbagai kandungan untuk membantu semua orang ia lebih baik. Jangan ketinggalan jika anda memerlukannya! 1. Buka Xiaohongshu dan klik ikon tambah di bawah. 2. Terdapat pilihan [Video] [Gambar] [Gambar Langsung] di sini; pilih kandungan yang ingin anda terbitkan dan klik untuk menyemak. 3. Pilih [Seterusnya] pada halaman penyuntingan kandungan. 4. Masukkan kandungan teks yang anda ingin terbitkan dan klik [Publish Pen]
Mengapa Xiaohongshu tidak boleh dibebaskan? Apakah yang perlu saya lakukan jika kandungan yang diterbitkan oleh Xiaohongshu tidak dapat dipaparkan?
Mar 21, 2024 pm 07:47 PM
Sebagai platform perkongsian gaya hidup, Xiaohongshu telah menarik sebilangan besar pengguna untuk berkongsi kehidupan harian mereka dan mengembangkan produk. Ramai pengguna telah melaporkan bahawa kandungan mereka yang diterbitkan tidak dapat dipaparkan. Artikel ini akan menganalisis kemungkinan sebab mengapa Xiaohongshu tidak dapat dikeluarkan dan memberikan penyelesaian. 1. Mengapakah Xiaohongshu tidak boleh dibebaskan? Xiaohongshu melaksanakan garis panduan komuniti yang ketat dan tidak bertolak ansur untuk menerbitkan iklan, spam, kandungan kesat, dsb. Jika kandungan pengguna melanggar peraturan, sistem akan menyekatnya dan kandungan tidak akan dipaparkan. Xiaohongshu memerlukan pengguna untuk menerbitkan kandungan yang berkualiti tinggi dan berharga, dan kandungannya perlu unik dan inovatif. Jika kandungan terlalu generik dan kurang inovasi, ia mungkin tidak lulus semakan dan oleh itu tidak dipaparkan pada platform. 3. Keabnormalan akaun
Perbezaan antara vivox100s dan x100: perbandingan prestasi dan analisis fungsi
Mar 23, 2024 pm 10:27 PM
Kedua-dua telefon bimbit vivox100s dan x100 adalah model yang mewakili dalam barisan produk telefon mudah alih vivo, masing-masing mewakili tahap teknologi canggih vivo dalam tempoh masa yang berbeza. Artikel ini akan menjalankan perbandingan terperinci antara kedua-dua telefon mudah alih ini dari segi perbandingan prestasi dan analisis fungsi untuk membantu pengguna memilih telefon mudah alih yang sesuai dengan mereka dengan lebih baik. Mula-mula, mari kita lihat perbandingan prestasi antara vivox100s dan x100. vivox100s dilengkapi dengan yang terbaru
Bilakah masa terbaik untuk menerbitkan Xiaohongshu? Dari manakah ia menyiarkan paling banyak pengesyoran trafik?
Mar 21, 2024 pm 08:11 PM
Dalam era rangkaian sosial hari ini, Xiaohongshu telah menjadi platform penting untuk golongan muda berkongsi kehidupan dan mendapatkan maklumat. Ramai pengguna berharap dapat menarik lebih banyak perhatian dan trafik dengan menerbitkan kandungan di Xiaohongshu. Jadi, bilakah masa terbaik untuk menyiarkan kandungan? Artikel ini akan meneroka secara terperinci pemilihan masa penerbitan Xiaohongshu dan lokasi penerbitan dengan pengesyoran trafik yang paling banyak. 1. Bilakah masa terbaik untuk menerbitkan Xiaohongshu? Masa terbaik untuk menerbitkan kandungan di Xiaohongshu biasanya semasa tempoh aktiviti pengguna yang tinggi. Mengikut ciri dan tabiat tingkah laku pengguna Xiaohongshu, terdapat beberapa tempoh masa yang lebih sesuai. Dalam tempoh masa dari 7 malam hingga 9 malam, kebanyakan pengguna telah pulang ke rumah dari keluar kerja dan mula menyemak imbas kandungan pada telefon bimbit mereka untuk mencari kelonggaran dan hiburan. Oleh itu, kandungan yang disiarkan dalam tempoh ini lebih berkemungkinan menarik pengguna
Bagaimana untuk memadam keluaran Xiaohongshu? Bagaimana untuk memulihkan selepas pemadaman?
Mar 21, 2024 pm 05:10 PM
Sebagai platform e-dagang sosial yang popular, Xiaohongshu telah menarik sejumlah besar pengguna untuk berkongsi kehidupan harian dan pengalaman membeli-belah mereka. Kadangkala kami mungkin secara tidak sengaja menerbitkan beberapa kandungan yang tidak sesuai, yang perlu dipadamkan dalam masa untuk mengekalkan imej peribadi kami dengan lebih baik atau mematuhi peraturan platform. 1. Bagaimana untuk memadam keluaran Xiaohongshu? 1. Log masuk ke akaun Xiaohongshu anda dan masukkan halaman utama peribadi anda. 2. Di bahagian bawah halaman utama peribadi, cari pilihan "Ciptaan Saya" dan klik untuk masuk. 3. Pada halaman "Ciptaan Saya", anda boleh melihat semua kandungan yang diterbitkan, termasuk nota, video, dsb. 4. Cari kandungan yang perlu dipadamkan dan klik butang "..." di sebelah kanan. 5. Dalam menu pop timbul, pilih pilihan "Padam". 6. Selepas mengesahkan pemadaman, kandungan akan hilang dari laman utama peribadi anda dan halaman awam.
Bagaimana cara menerbitkan karya pada apl Xiaohongshu?
Mar 12, 2024 pm 05:10 PM
Bagaimanakah penerbitan apl Xiaohongshu berfungsi? Ramai rakan tahu bahawa terdapat sejumlah besar karya kreatif dan bulatan temu janji yang kuat dalam perisian ini. Bagi pengguna yang baru menggunakan perisian ini, mereka mungkin tidak tahu cara menerbitkan karya mereka, supaya lebih ramai orang boleh menonton sisi lain anda. Jika anda masih tidak tahu cara menerbitkan karya di dalamnya, rujuk dengan cepat tutorial lima minit tentang penerbitan karya pada aplikasi Xiaohongshu yang disyorkan oleh editor tapak ini. Tutorial tentang kerja penerbitan dalam apl Xiaohongshu dalam masa lima minit 1. Klik [Tiga] Seperti yang ditunjukkan dalam gambar, klik [Tiga] yang ditunjuk oleh anak panah merah di penjuru kiri sebelah atas. 2. Klik [Pusat Penciptaan] Seperti yang ditunjukkan dalam gambar, klik [Pusat Penciptaan] yang ditunjukkan oleh anak panah merah. 3. Klik [Pergi ke Terbitkan] seperti yang ditunjukkan dalam gambar,
Bagaimana untuk menerbitkan karya video Xiaohongshu? Apakah yang perlu saya perhatikan semasa menyiarkan video?
Mar 23, 2024 pm 08:50 PM
Dengan kemunculan platform video pendek, Xiaohongshu telah menjadi platform untuk ramai orang berkongsi kehidupan mereka, meluahkan perasaan mereka dan mendapatkan trafik. Pada platform ini, menerbitkan karya video ialah cara interaksi yang sangat popular. Jadi, bagaimana untuk menerbitkan karya video Xiaohongshu? 1. Bagaimana untuk menerbitkan karya video Xiaohongshu? Mula-mula, pastikan anda mempunyai kandungan video yang sedia untuk dikongsi. Anda boleh menggunakan telefon bimbit anda atau peralatan kamera lain untuk merakam, tetapi anda perlu memberi perhatian kepada kualiti imej dan kejelasan bunyi. 2. Edit video: Untuk menjadikan kerja lebih menarik, anda boleh mengedit video. Anda boleh menggunakan perisian penyuntingan video profesional, seperti Douyin, Kuaishou, dsb., untuk menambah penapis, muzik, sari kata dan elemen lain. 3. Pilih kulit muka: Kulit adalah kunci untuk menarik pengguna untuk mengklik.
